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 代码量比较大的情况
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
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!