如何在html中调用JS文件?

html-css05

如何在html中调用JS文件?,第1张

(1)在html文件的head中添加代码,例如:

<script src="../js/jquery-1.7.1min.js"></script>(src是js文件的路径)

(2)也可以把js文件直接拖进html页面

科普:JS一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

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>