JS的三种写法

最新推荐文章于 2024-04-27 17:42:57 发布

清晨叫醒我

最新推荐文章于 2024-04-27 17:42:57 发布

阅读量1.5k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45208757/article/details/109729931

版权

JS的三种写法

1.行内式的JS直接写到元素内部
- 关键代码块
- 完整代码
2.内嵌式的JS
- 关键代码块
- 完整代码
3.外部JS写法双标签
- 关键代码
- - 创建js脚本文件
  - html文件代码

1.行内式的JS直接写到元素内部

关键代码块

<body>
	<input type = "button" value = "清风" onclick = "alert('扶摇')">
</body>

完整代码

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=s, initial-scale=1.0">
    <title>Js书写方法测试</title>

</head>
<body>
    <!--1.行内式的Js直接写到元素的内部-->
    <input type="button" value="清风" onclick="alert('扶摇')">
</body>
</html>

执行效果
在这里插入图片描述

2.内嵌式的JS

关键代码块

<head>
	<script>
		alert('清风')
	</script>
</head>

完整代码

<!--Js得三种书写方法-->
<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=s, initial-scale=1.0">
    <title>Js书写方法测试</title>
    <!--2.内嵌式的Js-->
    <script>
       alert('清风')
    </script>

</head>
<body>

</body>
</html>

执行效果
在这里插入图片描述

3.外部JS写法双标签

关键代码

创建js脚本文件

alert('百里玄关')

如图

在这里插入图片描述

html文件代码

<head>
	<script src ="js.js">
	</script>
</head>

完整代码

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=s, initial-scale=1.0">
    <title>Js书写方法测试</title>
    <!--2.内嵌式的Js-->
    <script>
     //   alert('清风');
    </script>
    <!--3.外部Js写法 双标签-->
    <script src="js.js"></script>
</head>
<body>
    <!--1.行内式的Js直接写到元素的内部-->
    <!--<input type="button" value="清风" onclick="alert('扶摇')">--
</body>
</html>

执行效果
在这里插入图片描述

清晨叫醒我

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS的三种写法

JS的三种写法1.行内式的JS直接写到元素内部关键代码块完整代码2.内嵌式的JS关键代码块完整代码3.外部JS写法双标签关键代码创建js脚本文件html文件代码1.行内式的JS直接写到元素内部关键代码块<body> <input type = "button" value = "清风" onclick = "alert('扶摇')"></body>完整代码<!DOCTYPE html><html lang="ch"><h
复制链接

扫一扫