JS笔计-书写格式

JavaScript书写格式注意点：

1：不推荐直接将JavaScript代码书写在标签内部

2：默认情况下浏览器会从上至下的解析网页，所以如果将代码写到一对head标签中，并且需要通过代码操作界面上的元素，那么就不能直接书写JS代码，否则无效

例如：

1 <head>
2      var oDiv = document.querySelector("div");
3      var text  = oDiv.innerText;
4      alert(text);//这个弹窗不会被执行
5 </head>
6 
7 <body>
8 <div>显示内容</div>
9 </body>

2.1：如果想将JS写到一对head标签中，并且需要在JS代码中操作界面上的元素，

那么必须加上window.onload = function(){操作元素的JS｝

<head>
window.onload = function(){
      var oDiv = document.querySelector("div");
      var text  = oDiv.innerText;
      alert(text);
}
</head>

<body>
<div>显示内容</div>
</body>｝

2.2:window.onload含义:等到界面上所有的内容都加载完毕再执行{}中代码

 

外链式：

　　<script  src ="外链路径.js"></script>

 

3：如果需要在一对script标签中编写JS代码，那么就不能同时通过script标签再导入其它的.JS文件，否则书写的JS代码无效

posted @ 2021-05-26 17:33  老何小何  阅读(64)  评论(0)    收藏  举报