`
hyj1254
  • 浏览: 340223 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript代码执行顺序初识

阅读更多
   两个要点:不要执行还未定义的函数;如果代码里含有文档对象,则要确保该代码被执行前,其包含的文档对象已经全部被解析完毕。

第一点:
<script lang="javascript">
 try{
   show();
 }catch(e){
  alert("no function defined!");
 }
</script>
<script lang="javascript">
function show(){
  alert("success");
}
</script>

运行结果是弹出:no function defined!
但如果按照原来的顺序,把两个代码块合二为一的话,则弹出:success,还请高人指点,如下所示:
<script lang="javascript">
 try{
   show();
 }catch(e){
  alert("no function defined!");
 }

function show(){
  alert("success");
}
</script>

第二点:

<script lang="javascript">
document.f1.one.value="two";
</script>
<form name="f1">
<input type="text" name="one" value="one"/>
</form>

运行结果: text的value仍为one;
如果将上述两个代码块顺序倒置:
<form name="f1">
<input type="text" name="one" value="one"/>
</form>
<script lang="javascript">
document.f1.one.value="two";
</script>

则text的值就会变为two.
分享到:
评论

相关推荐

    Web前端开发技术-初识JavaScript.pptx

    JavaScript的执行特性包括逐行解释和执行,这意味着代码会按照书写的顺序依次执行,这在编写和调试过程中非常重要。此外,JavaScript的动态类型特性允许开发者在不预先声明数据类型的条件下创建变量,提高了编程的...

    初识Javascript小结

    不过,将脚本放在标签的底部是一个推荐的做法,这样可以确保在执行JavaScript代码之前,页面的HTML内容已经全部加载完成。需要注意的是,JavaScript代码必须包裹在标签内,如下所示: ```html // JavaScript...

    JavaScript定时器实现的原理分析

    JavaScript中的定时器是前端开发中常见的技术...定时器在前端开发中扮演着重要的角色,无论是用于动画实现、事件轮询、还是延迟执行某些操作,理解其原理和注意事项能够帮助开发者编写更高效、更优雅的JavaScript代码。

    ECMAScript7async-await异步解决方案.docx

    通过调整await的位置,我们可以控制多个异步操作的执行顺序。如果多个await语句并列,它们会并行执行,等待所有操作完成后才会继续执行后续代码。例如,如果我们有多个`await fetch()`,这些请求会同时发出,然后...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    javascript代码存在形式 javascript基本预览 javascript字符串操作以及跑马灯实例 javascript数组和字典以及for循环 javascript条件语句 javascript函数的定义 Dom直接选择器 Dom间接选择器 示例之模态对话框 示例之...

    Extjs学习笔记之一 初识Extjs之MessageBox

    然后,`Ext.onReady`函数被用来确保在页面加载完成后再执行JavaScript代码,这样可以避免在DOM未完全构建时尝试访问元素引发的错误。 `Ext.MessageBox`是ExtJS提供的一个功能丰富的对话框组件,它提供了类似于`...

    Ant入门与进阶

    5. **目标(Targets)**:目标是一系列任务的集合,可以有依赖关系,确保任务按特定顺序执行。 **Ant的进阶特性:** 1. **条件语句**:Ant提供了if和unless属性,可以在任务执行前进行条件判断。 2. **宏任务...

    first-gruntfile

    《初识Gruntfile:构建你的第一个JavaScript工作流》 在JavaScript开发中,自动化工具扮演着至关重要的角色,它们能够帮助我们简化繁琐的任务,提高工作效率。Grunt就是这样一个流行的JavaScript任务运行器,它允许...

    python入门到高级全栈工程师培训 第3期 附课件代码

    python入门到高级全栈工程师培训视频学习资料;本资料仅用于学习,请查看后24小时之内删除。 【课程内容】 第1章 01 计算机发展史 ...15 再插两道JavaScript面试题 16 Model操作之select_related以及...

    (全)传智播客PHP就业班视频完整课程

    初识css 类选择器 id选择器 html选择器 8-13 3.通配符选择器 父子选择器 8-13 4.选择器使用细节 块元素?托心谠? 盒子模型 盒子模型经典应用① 8-13 5.盒子模型经典应用② 作业布置 8-15 1.div+css作业评讲① 8-15 ...

    SimpleFlash.rar

    ActionScript允许开发者编写代码,使得Flash内容可以根据用户的输入或者时间顺序执行特定任务。比如,一个按钮被点击后触发一段动画,或者定时器控制某个元素的移动等。ActionScript 3.0是Flash Professional CS5及...

    MongoDB管理与开发精要《红丸出品》

    - **14.1 通过eval参数执行指定语句**:可以在MongoDB shell中执行任意JavaScript代码。 - **14.2 执行指定文件中的内容**:加载并执行外部文件中的JavaScript脚本。 #### 十三、进程控制 - **15.1 查看活动进程**...

Global site tag (gtag.js) - Google Analytics