js脚本代码编写的位置(js脚本怎么写)

http://www.itjxue.com  2023-02-24 20:16  来源:未知  点击次数: 

编写js程序的位置不包括

编写js程序的位置不包括嵌入在标签中。可以在网页文件的script标签进行嵌入,将脚本程序代码放置在一个单独的文件中,在网页中引用这个脚本程序文件编写JavaScript的脚本代码。

JavaScript脚本应放在页面的什么位置,其存放位置对脚本的执行有什么影响?

js脚本可以放在页面头部尾部都可以,但是建议放到尾部,那样可以加快网页加载的速度。

楼主可想想,加入页面都没加载出来,谈交互是不是早了点? 所以放到尾部可以加快页面显示的速度,而页面显示了再加载脚本一切都顺理成章了。

javascript放在里和放在里有什么区别吗?

主要是先加载和后加载的区别。

如果JavaScript脚本写在head标签里面,那么需要用window.onload起到一个延迟加载的作用。

如果JavaScript脚本写在body里面,也要看具体位置。如果写在body里面,一般都是写在了body标签的最后面。

例子:写在body里:body

input?type="button"?id="btn"/

a?href="javascript:;"?id="div-box"/a

script

????var?oBtn?=?document.getElementById('btn');

????var?oBox?=?document.getElementById('div-box');

????oBtn.onclick?=?function?()?{

????????var?html?=?'div?style="width:100px;?height:100px;?background:?#ccc;"/div';

????????if?(oBox.innerHTML?==?'')?{

????????????oBox.innerHTML?=?html;

????????}?else?{

????????????oBox.innerHTML?=?'';

????????}

????};

/script

/body

例子:写在head里:head?lang="en"

????meta?charset="UTF-8"

????title/title

????script

???????window.onload?=?function?(){

???????????var?oBtn?=?document.getElementById('btn');

???????????var?oBox?=?document.getElementById('div-box');

???????????oBtn.onclick?=?function?()?{

???????????????var?html?=?'div?style="width:100px;?height:100px;?background:?#ccc;"/div';

???????????????if?(oBox.innerHTML?==?'')?{

???????????????????oBox.innerHTML?=?html;

???????????????}?else?{

???????????????????oBox.innerHTML?=?'';

???????????????}

???????????};

???????}

????/script

/head

body

input?type="button"?id="btn"/

a?href="javascript:;"?id="div-box"/a

/body

(责任编辑:IT教学网)

更多

推荐计算机等级考试文章