JavaScript的书写位置

更新日期: 2020-09-05 阅读: 2k 标签: 位置

JS 有3种书写位置,分别为行内、内嵌和外部。  


行内式

<input type="button" value="点我试试" onclick="alert('Hello World')" />

可以将单行或少量 JS 代码写在html标签的事件属性中(以 on 开头的属性),如:onclick

注意单双引号的使用:在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号

可读性差, 在html中编写JS大量代码时,不方便阅读;

引号易错,引号多层嵌套匹配时,非常容易弄混;

特殊情况下使用


内嵌式

<script>
    alert('Hello  World~!');
</script>

可以将多行JS代码写到 script 标签中

内嵌 JS 是学习时常用的方式


外部JS文件

<script src="my.js"></script>

有利于HTML页面代码结构化,把大段 JS代码独立到 HTML 页面之外,既美观,也方便文件级别的复用

引用外部 JS文件的 script 标签中间不可以写代码

适合于JS 代码量比较大的情况

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/9915

css怎么设置元素位置不变?

我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置,无论如何滚动滚动条,位置不变,就例如经常看到的弹出广告。方法一般是使用js控制,或者使用css。这里我写的是css的控制方法。在IE7以上版本及firefox、opera、safari里

jQuery实现DOM元素拖拽交换位置

html + bootstrap布局画3个面板。监听面板的的 mousedown事件。记录当前对应面板的位置target_index,设置面板透明拖动。监听当前被拖动的面板的mousemove事件。

js获取滚动条位置

在前端项目开发中,页面的滚动条是经常出现的,那么js如何获取滚动条位置呢?pageXOffset 和 pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素。

浅谈DOM常见属性_位置/宽高

当内部内容大于外部元素高度时,写入overflow:auto,就会产生滚动条,在所溢出去的就是滚动条;获取元素范围矩形 其中包括距离视口的距离,已经元素的宽高,还有left,top,bottom,right

手把手教你:用HTML5获取用户位置并显示具体地址

现在很多网站和应用都需要知道用户在哪里,比如找附近的店铺、叫外卖、查看本地天气或者分享位置。HTML5提供了一个方便的功能,可以直接在浏览器里获取用户的地理位置,不需要额外安装什么。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!