我的第一行js代码

新建一个文本文档JsFirstDemo


1674835-17c83f704b0bf929.png
图片.png

打开编辑并输入以下代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>hello javascript</title>
</head>
<body>
<script language="javascript">
alert("I want you!");
</script>
</body>
</html>
1674835-3de9825b59020493.png
图片.png

保存后退出
然后将文件后缀改为.html


1674835-22467f0241cab727.png
图片.png

现在我们已经完成了


1674835-12d77d7c65368d80.png
图片.png

接下来我们选择一个浏览器打开该文件
1674835-4e8c3d5c3a15463d.png
图片.png

页面显示的内容就是我们刚刚写的内容

上面我们是在页面中直接嵌入JavaScript代码
接下来我们通过链接外部的JavaScript文件来实现

同样新建一个文本文档function,与.html文件同一路径


1674835-9aaf0f937a0c78db.png
图片.png

打开function文件并输入以下代码

1674835-db94c8169b764c1a.png
图片.png

保存并退出
将function后缀改为.js


1674835-8cbc1e282978bb9f.png
图片.png

就像这样


1674835-73ece22f255e5459.png
图片.png

下面修改JsFirstDemo.html中的代码
1674835-f7dff9bf92e30b2a.png
图片.png

保存并退出
再用浏览器打开JsFirstDemo.html文件
1674835-10551ca3e5490ed4.png
图片.png

关闭弹框后


1674835-08949da9823f9f0b.png
图片.png

转载于:https://www.jianshu.com/p/d5bbafadcff9

扫描二维码关注公众号,回复: 6449541 查看本文章

猜你喜欢

转载自blog.csdn.net/weixin_34115824/article/details/91106621