将html内嵌js转换为外链js 该怎么转

JavaScript06

将html内嵌js转换为外链js 该怎么转,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、新建index.js文件,将内嵌js内容添加到index.js文件中。

3、在index.html的head标签中新增引用代码:<script src="index.js"></script>。

4、浏览器运行index.html页面,此时成功引入index.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>