在HTML中使用javascript

2019-03-02 21:11|来源: 网路

1>页面中直接在script标签中书写

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
alert('aaa');
</script>
</body>
</html>


2>在script标签中引入

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="hello.js" >
</script>
</head>
<body>
</body>
</html>

hello.js

alert('bbb');


注意:
   1>script标签位置任意. 但是 位置越靠前,执行越早.(重要,记住)
   2>js外部文件推荐扩展名是.js.但是其实任何后缀名都可以.
   3>使用script标签引入外部文件,那么该script标签中就不要书写js代码了.


整理于网络


相关问答

更多
  • 问题的关键是,当变量设置为它们的值以及何时使用它们。 最有可能的是,这个顺序是错误的。 一个简单的解决方案是放置将代码设置在document.write行之上的JavaScript代码。 但是,这只能解决部分问题:如果更改变量,图像不会改变。 为此,每次您的一个变量更改其值时,您需要更改标签的src属性。 因此,您应该在您的html代码中放置一个静态标记,给它一个id属性,然后通过JavaScript访问它,而不是使用document.write() : var img = docume ...
  • 产品规格: W3C - Web Sockets API 文章: HTML5 WebSocket和WebJneering WebSocket既不是Web也不是Socket Web套接字协议对于网络启动是什么意思 教程: 没有发现到目前为止 图书馆: 检查这个SO post html5 websocket需要服务器? ,它链接到https://kaazing.com/download Specifications: W3C - The Web Sockets API Articles: HTML5 WebSoc ...
  • 在这里,我将警报函数移至了#size更改时触发的侦听器。 问题? 下面的代码行并没有用m代替第二个下拉列表的id。只有里面的值正在改变。 $("#size").html(""); 固定代码 wahaha</tit ... </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zhtmldjavascriptwjzsyNashorn_241" target="_blank">在html的javascript文件中使用Nashorn(Use Nashorn in html's javascript file)</a><i>[2022-03-29] </i></h2> </div> <div class="tw_li_cont"> 浏览器中没有Java类(除非你使用的是Applet并且可以在那里运行Nashorn,当然这很疯狂;) 你想要达到什么目的? Java classes are not available inside the browser (unless you are using an Applet and could run Nashorn inside there, which is crazy of course ;) What are you trying to achieve? </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zAIRdHTMLzjzsyJavascripthtx_422" target="_blank">在AIR的HTML组件中使用Javascript和图像(Working with Javascript and images in AIR's HTML component)</a><i>[2021-09-23] </i></h2> </div> <div class="tw_li_cont"> 我最终将文件保存到临时文件并使用html.load(tempfile) 。 I ended up saving the file to a temporary file and using html.load(tempfile). </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zMVCHTMLHelperzsyHTMLzrJavascrip_529" target="_blank">在MVC HTML Helper中使用HTML注入Javascript代码(Inject Javascript Code along With HTML in MVC HTML Helper)</a><i>[2020-02-27] </i></h2> </div> <div class="tw_li_cont"> 为什么不在htmlHelper中添加脚本? (当然你可以添加脚本作为参数) public static class MyHtmlHelper { public static MvcHtmlString MyButton(this HtmlHelper helper,string text) { string script = @"<script> function MyMethod(){ alert('You clicked the button') ;} </script> ... </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zhtmlymzsyjavascriptbldz_553" target="_blank">在html页面中使用javascript变量的值(Use value of javascript variable within html page)</a><i>[2022-06-24] </i></h2> </div> <div class="tw_li_cont"> 你必须把你的<script>放在倒计时元素之后。 观看现场演示 ... <div class="left"> <h1>T Minus <span id="countdown"></span>days!</h1> <script> var d1 = new Date(); //"now" var d2 = new Date("2016/11/28") // some date var diff = Math.abs(d2-d1)/(1000*60*60*24); ... </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zjavascriptzsyHTMLsx_568" target="_blank">在javascript中使用HTML属性(Using HTML attributes in javascript)</a><i>[2021-12-13] </i></h2> </div> <div class="tw_li_cont"> 对于点击 而不是尝试将其输出到HTML中,为什么不使用addEventListener方法在纯Javascript中执行此操作? element.addEventListener('click', function() { addField('nameservers','NS',10); }, false); 这种方法被称为非突兀的Javascript,在开发网站时它实际上是一个非常理想的属性。 对于班级 如上所述,使用className而不是class 。 class通常在声明为新类 ... </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zjavascriptzsylzhtmlkdsr_583" target="_blank">在javascript中使用来自html框的输入(Using input from html boxes in javascript)</a><i>[2022-07-16] </i></h2> </div> <div class="tw_li_cont"> 你可以这样做: <FORM> <INPUT type="button" value="Fill Me In" name="box1" id="txt"> </FORM> Javascript: var txtval=document.getElementById("txt").value; 要么 : 你可以创建自定义对话框并使用javascript或jquery显示它(最佳选项) 有关对话框的更多信息,请参阅此链 You can do as follow : <FORM> <INPUT ... </div> </div> </li> <li class="tw_li clearfix"> <div class="tw_li_con"> <div class="tw_li_title"> <h2><a href="/wenda/zhtmldmzsyjavascripthsgb_599" target="_blank">在html代码中使用javascript函数[关闭](Using a javascript function in a html code [closed])</a><i>[2022-09-11] </i></h2> </div> <div class="tw_li_cont"> 通常的方法是给你的<input>一个id并用javascript附加click处理程序: <input type="file" id="file_picker" /> <script type="text/javascript"> var file_picker = document.getElementById('file_picker'); var file_picker_change = function() { // do some things } ... </div> </div> </li> </ul> </div> </div> </div> </div> <div style="clear:both;"></div> <div class="footer"> <div class="mainbox"> <div class="info"> <p>Copyright ©2018 <a href="https://www.656463.com" target="_blank">656463.com</a> All Rights Reserved.<a href="https://beian.miit.gov.cn" target="_blank">滇ICP备2022006988号-50</a> </p> <p>本站部分内容来源于互联网,仅供学习和参考使用,请莫用于商业用途。如有侵犯你的版权,请联系我们,本站将尽快处理。谢谢合作!</p> </div> </div> </div> <script type="text/javascript" src="/resources/js/common.js?v=324"></script> <!-- 多条广告如下脚本只需引入一次 --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script> <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?d8189028d39a5e198ed0999b7b5836f1"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d7d269abb34e28879402d3e4fa63b791"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> (function(){ var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> </body> </html>