① html如何调用外部js中得方法
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,引用外部js,例如index.js。
② 在html文档中使用javascript脚本有哪3种方法
最常见是这种:
在任何地方,用<script type="text/javascript">开头,及</script>结束
javascript 指令写在其中。
<html>
<body>
<script type="text/javascript">
alert("hi")
</script>
网页内容
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~
其次是简单的一个,或两三个指令直接写在物件标签内。
<html>
<body>
<div style="background-color:cyan; width:500px; height:200px;" onmouseover="alert('你好!'); alert('欢迎你来!')">
</div>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~
较少见是这种,一连串指令写在物件标签内。
<html>
<body>
<div style="background-color:cyan; width:500px; height:200px;" onmouseover="
var d = new Date()
d= '日一二三四五六'.charAt(d.getDay())
alert( '今天是星期' + d)
">
Hi
</div>
</body>
</html>
~~~~~~~~~~~~~~~~~~
你将以上三种存成独立的 x.htm 文件,用ie或firefox试试,后二种用mouseover 就会触发 javascript 程式。
③ HTML中怎么引用JS
1、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护,如果一个页面写太多行内样式,也会让页面看着比较乱。
④ 怎么在html文件中调用js文件
1、将这一段代码保存到一个文件中。
⑤ html 如何运行js
html运行JS的方式有:
通过引入外部的JS文件来调用,一般将JS写在一个外部文件中,封装起来,然后在调用,举个实例:
<html>
<head>
<style>
#div1{
width:460px;
height:200px;
position:absolute;
}
</style>
</head>
<script type='text/javascript' src='js文件的地址'></script>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
2.在Js中通过<script></script>这个标签,将JS写在里面也是可以的,请看代码:
<html>
<head>
<style>
#div1{
width:460px;
height:200px;
position:absolute;
}
</style>
<script>
var oDiv = document.getElementById('div1')
var Let = Div.style.left; //上下的值,
var Rig = Div.style.top;
</script>
</head>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>