HTML在浏览器端是解释执行的,这在另一方面告诉我们代码是顺序的读取下来的.
我在IE,FireFox分别做过实验:
实验1.(保存为test1.html)
实验的HTML主要代码块是:
<body onload="fun1">
<form action="test1.html" method="get" onsubmit="fun3()">
<input type="text" name="text1" value="text" />
<script type="text/javascript">
window.alert("body中的一个窗口");
function fun1()
{
window.alert("载入中调用的窗口");
}
function fun2()
{
window.alert("普通按钮弹出的窗口");
}
function fun3()
{
window.alert("提交表单时弹出的窗口");
}
</script>
<input type="button" name="btn" value="button1" onclick="fun2()" />
<input type="submit" name="submit" value="submit1" />
</form>
</body>
测试结果是:1 显示输入文本框
2 显示弹出窗口 "body中的一个窗口"
3 确定弹出窗口后显示另外两个按钮
4 调用onload事件显示弹出窗口 "载入中调用的窗口"
到这里页面显示完毕.
当我们单击"btn"时,弹出窗口 "普通按钮弹出的窗口"
当我们单击"submit"时:
5 弹出窗口 "提交表单时弹出的窗口"
6 重新载入页面,重复1-4步
实验2 保存为test2.html
主要代码
<body>
<a href="test1.html">Link1</a>
<a href="test1.html">Link2</a>
<a href="test1.html">Link3</a>
<script type="text/javascript">
document.write("链接数量: "+ document.all.links.length+"<br/>");
</script>
<a href="test1.html">Link4</a>
<a href="test1.html">Link5</a>
<a href="test1.html">Link6</a>
<script type="text/javascript">
document.write("链接数量: "+ document.all.links.length+"<br/>");
</script>
</body>
实验结果是:
3
6
总结:HTML文件的执行顺序:1.顺序的(包括javascript脚本)
2.onload事件的触发在页面载入完之后
分享到:
相关推荐
这种方式简单直观,但不推荐用于大型项目,因为它使得HTML和JavaScript混合在一起,不利于代码的组织和维护。例如: ```html function greet() { alert('Hello, World!'); } ``` 在这个例子中,`greet()`...
这种引入方式方便快捷,但缺点是使得HTML与JavaScript混合,不利于代码的管理和维护,同时也可能增大HTML文件的体积,影响加载速度。 外链式是将JavaScript代码保存在独立的`.js`文件中,然后通过`<script>`标签的`...
16. 同步和异步的理解:同步是指程序的执行顺序,异步是指程序的执行顺序不确定。 17. HTTP 状态码:HTTP 状态码是指服务器响应请求的状态码,常见的状态码有 200、404、500 等。 18. 前后端分离:前后端分离是指...
然而,这种方法不推荐,因为它混合了HTML和JavaScript,不利于代码的组织和维护。更推荐的是使用事件监听器,这可以通过JavaScript代码实现,如`document.getElementById('myButton').addEventListener('click', ...
1. **JSP基础**:JSP是Java的一种动态网页技术,它允许开发者将HTML、CSS、JavaScript代码与Java代码混合编写,服务器端执行Java代码,生成HTML响应给客户端。 2. **JavaScript**:JavaScript是一种客户端脚本语言...
这通常包括.js文件(包含编译后的代码和Unity引擎的运行时库)、.html文件(用以加载和展示内容)以及.css文件(用于样式控制)。Unitypackage文件则是一个包含了Unity项目的资源、预设、脚本和其他可重用组件的打包...
9. **源码分析**:解压后的“132689959912103574”文件可能包含了HTML、JavaScript、CSS和其他资源文件,供开发者研究和学习油漆流动动画的实现细节。`使用须知.txt`可能会提供关于如何运行和修改源代码的指导。 综...
例如,项目中可能有一个任务用于编译Sass,另一个用于合并JavaScript文件,还有可能包含压缩图片和HTML等任务。Gulp的工作流程是:开发者在项目根目录下创建一个`gulpfile.js`,在这个文件中定义任务,并通过npm安装...
11. **时间轴和序列动画**:通过规划和控制一系列动画的执行顺序,可以创建复杂的交互故事或展示。 12. **拖放功能**:使用HTML5的拖放API,可以实现用户友好的拖放操作,如文件上传、模块布局调整等。 13. **音频...
8. **src属性**:在HTML中,`src`属性用于链接外部JavaScript文件到HTML文档。 9. **表达式计算**:在JavaScript中,`v1.value+v2.value`会计算两个文本框的值,但不会直接执行数学运算,所以不会得到预期的数学...
20. 浏览器执行的语言:HTML不是被浏览器直接执行的,浏览器主要执行JavaScript和VBScript(在IE中)。 21. 计算机病毒:计算机病毒能够自我复制并传播。 22. 输入设备:输入设备如键盘、鼠标等用于将外部信息输入...
多个`<script>`标签会按照它们在HTML文件中的顺序依次执行。 2. **JS的组成**:JS主要由三部分构成:DOM(Document Object Model,文档对象模型),用于操作HTML或XML文档;BOM(Browser Object Model,浏览器对象...
6. **颜色操作**:颜色变化可能涉及RGB、HSL等颜色模型,以及颜色的混合和渐变。编程语言通常提供了处理颜色的API,如JavaScript的`Color`对象。 7. **事件驱动编程**:当一个动画完成或用户交互时,可能需要触发下...
9. **替代技术**:随着HTML5、CSS3和JavaScript的发展,现代Web开发更多地采用这些技术来实现交互式内容,因为它们具有更好的跨平台支持和性能。然而,了解Flash特效制作仍然有助于理解交互设计的历史和技术演进。 ...
8. 标签的defer和async属性都可以让脚本异步加载,但async是完全异步加载并在加载完毕后立即执行,而defer则是等整个文档解析完毕后按照在文档中出现的顺序执行。 9. data-属性用于存储页面的自定义数据,可以用于...
通过使用这些技术,开发者可以确保页面加载顺序与脚本执行顺序一致,为用户提供更加流畅和无误的网页体验。在实际应用中,应根据具体情况选择合适的调用方式,对于较为复杂的页面,推荐使用自定义函数队列的方式来...
可以采用代码分割(code splitting)、按需加载(on-demand loading)、优化脚本执行顺序等方式来提升性能。 - 网络延迟和稳定性:为了应对网络延迟和稳定性带来的影响,可以优化请求合并、使用CDN、进行合理的资源...
ES6引入了许多新特性,极大地改善了JavaScript语言的功能性和可读性。包括但不限于: - **箭头函数** (`=>`):提供了一种更简洁的函数表达式语法。 - **模板字符串** (```\`${}```):提供了一种更方便的方式来构造...
JSP是Java平台上的一个服务器端技术,它允许开发者将HTML代码和Java代码混合编写,以创建动态网页。JSP文件在服务器上执行,生成HTML响应并发送到客户端浏览器。在本系统中,JSP用于处理用户请求、控制页面流程和...