`
hyj1254
  • 浏览: 336873 次
  • 性别: 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.
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics