JS|JavaScript脚本也可固定位置
欢迎点击「算法与编程之美」↑关注我们！
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
问题描述
“如果不改变<script>标签的位置，如何固定JS的脚本呢”，当我们在网页中写入JavaScript代码时，如果我们每次都必须在其他标签之后嵌入JavaScript代码，不仅会造成代码的冗余，而且也不方便我们检查代码，同时也会增加我们的工作量。我们今天来学习一下怎么将JavaScript脚本位置固定且能让脚本生效吧！
解决方案
函数是编程语言中很常见的概念，在JavaScript脚本中也不例外。
为了让文档生效，我们首先认识JavaScript这门语言当中的一个很重要的知识点‘BOM’。在JavaScript脚本语言中BOM称之为浏览器对象模型。虽然ECMAScript是JavaScript的核心，但如果要在Web中使用JavaScript，则BOM才是真正的核心。
我们先来简单的了解一下什么是浏览器对象模型？BOM的核心对象为window，他表示浏览器的一个实例。在浏览器中，window对象有着双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其Global对象，因此有权访问parseInt（）等方法。
我们了解了BOM我们现在来解决怎么让其固定位置且生效，大家都知道在JavaScript中我们都会用function来定义函数，让函数调用来解决这个问题。
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> window.onload =function (){ document.getElementById("box").style.fontSize = "50px" } </script> </head> <body> <p id="box">Javascript脚本岂能随意放置？！</p> </body></html> |
|---|
通过上面的代码我们能够发现我们不改变脚本的位置时我们也能够让这个脚本生效。我们是通过window的页面初始化事件处理函数，我们通过这个函数来执行下面的代码，通过函数的调用来执行下面的js代码，这句代码在刚开始是不会执行的，当页面完全加载完毕后才会调用js代码。这样我们保存之后再运行我们就会发现js代码生效了。
结语
我们在写JavaScript脚本时一定要注意代码位置，注意代码的解析顺序及其对象的属性。如果想要其位置固定就需定义相应函数来调用其js代码让其生效。我们在定义函数时一定要注意其符号必须是英文状态下的符号，否则会产生解析错误。
END
主 编 | 张祯悦
责 编 | 桂 军
where2go 团队
微信号：算法与编程之美
长按识别二维码关注我们!
温馨提示：点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！