分享

JS|JavaScript脚本也可固定位置

 算法与编程之美 2020-08-08

问题描述

在上一周的学习中,我们说到了《JavaScript脚本岂能随意放置》,有微信网友问到“如果不改变<script>标签的位置,还有哪些方法能可以生效呢”,当我们在网页中写入JavaScript代码时,如果我们每次都必须在其他标签之后嵌入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代码让其生效。我们在定义函数时一定要注意其符号必须是英文状态下的符号,否则会产生解析错误

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多