1 js嵌入html使用

1.1 直接在html内部使用js代码

        使用script标签,在前后标签内部写的代码即为js代码。

	
		

初始段落

        运行结果如下,未点击重置按钮:

1 js嵌入html使用_第1张图片

         点击重置按钮后:

1 js嵌入html使用_第2张图片

 1.2 外部js嵌入

1.2.1 编写js文件

        注意!外部js文件结尾一定要加分号!尤其是花括号结尾!

function showNum(){
	document.getElementById("p1").innerHTML = "重置后的结果";   /*找到id为p1的标签,把等号右边的内容赋值进去替换<>之间的内容*/
};/*注意,外部js文件结尾一定要加分号!*/

1.2.2 编写html文件

        使用,将js文件的内容嵌入html文件中,相当于html执行了js文件的内容,当然只是定义了一个函数。

	
		

初始段落

        运行结果如下,在未点击重置按钮时:

1 js嵌入html使用_第3张图片

         在点击重置按钮后:

1 js嵌入html使用_第4张图片

 

你可能感兴趣的:(js,javascript,html,前端)