javascript行内脚本小小探讨

如果可能，尽量不要出现行内脚本，因为行内脚本会导致一系列问题，包括

页面混乱，难以阅读还有维护（想想一个大约1000行代码的网页，html标签跟js代码混杂在一起是何等的壮观，加上不合理的代码格式，那简直就是噩梦）
可重用性差（采用外部脚本链接，js代码可为多个页面共用）
重复下载（采用外部脚本链接，js代码可被浏览器缓存，避免不必要的重复下载）
由于阻塞下载问题，会导致页面加载渲染速度严重变慢（原因比较复杂，涉及js基本的加载机制以及代码依赖，以及当行内脚本置于CSS样式表后可能导致的延迟问题，暂不详述）
其他。。。

建议：尽量采用外部脚本链接的方式，其实就一行语句：

多简洁啊~~~~~~~T_T

如果不幸真的得采取行内脚本（比方说老师规定不这样写作业就不能及格。。。），那就：

将行内脚本放在样式表定义之前（当有其他外部脚本并且与该外部脚本存在代码依赖时）
将行内脚本移到课件资源之后（也就是网页的末尾）

小小总结，未经历史检验，如有错漏实属必然，欢迎指正。。。

javascript行内脚本小小探讨相关推荐

23 - JavaScript 通过style对象设置行内样式
style属性的获取和修改在DOM当中,如果想设置样式,有两种形式: className(针对内嵌样式) style(针对行内样式) 这篇文章,我们就来讲一下style. 需要注意的是:style是 ...
css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose
行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...
javascript动态添加删除行后行内计算及取值
只要ID加入对应序号即可,name值不变,行内计算根据ID定位,取name值. 先隐藏一个input并赋值,<input name='lastindex' type='hidden' id='l ...
CSS 行内格式化上下文中的各种高度计算
前言碎碎语:标题问题在昨天困扰了笔者很久很久,早上把问题提到了各网络也暂时没有回复.因为明天要早起飞异地参加一场校招面试,笔者还是很紧张的,但奈何问题不解决寝食难安--所以还是卯起劲重新思考这个问题, ...
前端：CSS/09/行内框架，CSS简介，CSS选择器，组合选择器，CSS注释，CSS尺寸属性，CSS字体属性，CSS文本属性
内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...
前端：HTML/02/排版标记，块元素，行内元素，html字符实体，列表标记，图片标记
html排版标记 <p></p> :表示一个段落常用属性:align :水平对齐方式,取值:left(左),center(居中),right(右) 换行标记<br> ...
html 盒子模型添加图片,[HTML/CSS]盒子模型，块级元素和行内元素
目录概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏.今天, ...
在vue中怎么写行内样式高_13.VUE学习之控制行内样式
vue 测试一测试二测试三 var app = new Vue({ el: "#vue", data:{ red:"red", size:28, div2: ...
html网页结构：行内和块元素、简单案例
一.行内元素和块元素概括块级元素:div , p ,form, ul,li,ol,dl,form, address,fieldset, hr, menu, table 行内元素:span, stro ...

javascript行内脚本小小探讨

javascript行内脚本小小探讨相关推荐

最新文章

热门文章