javascript应该嵌入到html中的什么位置
程序员文章站
2022-08-17 15:10:34
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>document</title> <style> input.btn { background: red; } .overstyle { background: olive; } .outstyle { background: red; } </style> <!-- // js函数代码【建议】嵌入头部之间。在页面文档主体和其余部分代码加载之前【web内容在浏览器中是从上到下解析的,head内的脚本会比body内的脚本线处理。所以最好将包含所有预定义函数的js代码放在头部】 ;js区分大小写;--> <script> document.write("<font>js代码输出的文字;一般不这么用</font>");//document.write()是文档对象的输出函数。其功能是将括号中的内容或变量值输出到页面文档中。 // 一些比较简短的js事件代码可以直接写在html标签内,格式: onclick=javascript:函数名称() 具体的函数写在嵌入head的js代码中 function submit() { alert('提交'); } </script> </head> <!-- onload当网页下载到浏览器就会执行,如果onload需要访问html标签所定义的对象,需要确保对象先于onload脚本执行。所以onload函数应该写在body中而非head --> <body onload="window.alert('页面内容完成导入到浏览器')"> <input type="button" name="button" title="新建申请表单" value="新建" class="btn" onmouseover="this.classname='overstyle'" onmouseout="this.classname='outstyle'" onclick="javascript:submit();"> <!-- // js放在body主体之间用来实现某些部分动态地创建文档 --> <script> </script> </body> </html>
上一篇: 架构杂谈《二》
下一篇: 微信更新:电脑版自动登录无需手机确认
推荐阅读
-
javascript应该嵌入到html中的什么位置
-
在HTML文档中嵌入JavaScript的四种方法
-
JavaScript实现获取远程的html到当前页面中
-
JavaScript实现获取远程的html到当前页面中的示例代码分享
-
web后端 - 关于php中嵌入html代码时结束符“?>”位置为什么这样放置?
-
在HTML文档中嵌入JavaScript的四种方法
-
HTML5 中 Geolocation 获取地理位置的原理是什么?
-
javascript - angular使用umeditor中,需要将数据绑定到编辑器中,显示html的问题
-
HTML5 中 Geolocation 获取地理位置的原理是什么?
-
javascript - 为什么页面上显示的不是换行,但下面XHR中的HTML显示换行呢?