首页资料正文

javascript简单性能问题及学习笔记_javascript技巧-js教程-

2025-04-20 15:56:53 2

1、<script>标签应越少越好（虽然有多个也不会导致程序报错），因为每个<script>标签初始下载时都会阻塞页面渲染 <BR>2、<script>标签尽量不要放在页面上方，尽量放在<body>内的最下面，因为每个<script>在执行的时候，都会下载对应的js文件，浏览器会等待所有js/css下载完成才显示出页面 <BR>3、当需要导入多个js文件的时候，一般情况下我们都是写两个<script src="..." />，实际上是支持一次性导入多个的，例如：<script src="file1.js&file2.js" /> <BR>4、<script>标签中有一个属性：defer，该属性指明本元素所含的脚本不会修改DOM，因此代码能安全地延迟执行，但是该属性只有IE4+和Firefox3.5+浏览器支持，希望大家使用的时候注意，如果其他浏览器，则会被直接忽略，使用例子：</script>

，测试验证defer属性示例：

复制代码代码如下:

  
<script>alert("script");</script>  
<script>  <BR>window.onload = function() {  <BR>alert("load");  <BR>};  <BR></script>

这段代码在我们正常理解下执行顺序应该是：defer、script、load，但是如果在支持defer的浏览器上顺序则是：script、defer、load，这里需要注意的是：defer不是跟在script后面执行，而是在onload事件处理之前被调用。

时间有限，今天先记录这么多吧

javascript简单性能问题及学习笔记_javascript技巧-js教程-

javascript简单性能问题及学习笔记_javascript技巧-js教程-

最近发表

友情链接