Day 2 编辑器与在HTML应用方式

最新推荐文章于 2023-09-10 13:48:38 发布

是童童呀

最新推荐文章于 2023-09-10 13:48:38 发布

阅读量105

点赞数

分类专栏： Javascript从入门到放弃

本文链接：https://blog.csdn.net/IsTongtongah/article/details/104977984

版权

Javascript从入门到放弃专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Day 2 JavaScript编辑器

1.JavaScript编辑器{
1.记事本
最简洁:最方便的文本编辑器,功能单一
代码

{
		<html>
		<body>
			<script type='text/javascript'>
			document.write('Hello world')
			</script>
		</body>
		</html>
		
	}

*2.Dreamweavercs6*
*3.sublime text3*

}
2.javascript 在HTML应用{
1.在HTML网页中嵌入JavaScript
代码:

<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8'>
	<title>JavaScript 嵌入网页中</title>
	<script type='text/javascript'>
		ducument.write('Hello world')
	</script>
</head>
<body>
	<script type='text/javascript'>
		ducument.write('Hello world')
	</script>
</body>
</html>

*2.引用js文件*
	将js代码放入下一个文件(.js)
	通过<script src=''>/<script>
代码:

<!DOCTYPE html>
	<html>
	<head>
		<meta charset='utf-8'>
		<title>JavaScript 嵌入网页中</title>
		<script type='text/javascript'>
			ducument.write('Hello world')
		</script>
	</head>
	<body>
		<script type='text/javascript'>
			ducument.write('Hello world')
		</script>
	</body>
	</html>	
 }

3.各个浏览器调用JavaScript
JavaScript在不兼容的浏览器上显示会有很大的区别.不仅文本显示不正常,脚本程序无法正常执行,甚至还会导致浏览器崩溃.

5.实战演练与问题答疑
1.实战演练:
功能:当用户打开页面时提示欢迎信息,关闭页面时提示信息.
-代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">>
    <title>JavaScript 登入登出功能实现</title>

        <script>
            fuction in(){
                alert("欢迎到来");
            }
            fuction out(){
                alert("欢迎下次光临");
            }
            window.onload=in
            window.onunload=out

        </script>
</head>
<body>

</body>
</html>

是童童呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Day 2 编辑器与在HTML应用方式

Day 2 JavaScript编辑器1.JavaScript编辑器{1.记事本最简洁:最方便的文本编辑器,功能单一代码{ <html> <body> <script type='text/javascript'> document.write('Hello world') </script> </bod...
复制链接

扫一扫