js引用方式和输出方式

最新推荐文章于 2023-11-28 11:22:18 发布

鸿庆周

最新推荐文章于 2023-11-28 11:22:18 发布

阅读量259

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/xiaolixiaozhou/article/details/125184460

版权

1、js引用有外链式、内链式和行内式三种方式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 2、行内式 -->
	  <button type="button" onclick="console.log('行内式!');">点击</button>
	  <!-- 3、外链式，中间不能写js代码 -->
	  <script src="js/test.js"></script>
	  <script>
		  // 1、内嵌式
		  console.log("输出控制台!");
	  </script>
	</body>
</html>

2、js的输出方式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onclick="alert('请先注册!')">登录</button>
		<script>
			// 1、弹出警告
			// alert("请先注册!")
			//2、控制台输出 clog
			console.log("控制台输出!");
			console.error("错误信息打印");
			console.info("普通信息输出");
			// 换行
			console.log("每一个星球都有一个驱动核心，"+
			"每一种思想都有影响力的种子。"+
            "感受世界的温度，"
			);
			//换行
			console.log(`每一个星球都有一个驱动核心，
每一种思想都有影响力的种子。
感受世界的温度，
年轻的你也能成为改变世界的动力，
百度珍惜你所有的潜力。
你的潜力，是改变世界的动力!`);
         
		   //3、文档输出 dw
		   document.write("奇酷欢迎您")
		   document.write("<h1 style='color:red'>奇酷欢迎您</h1>")
		   document.write(`<table border="1" cellpadding="0" cellspacing="0">
			<tr><td>11</td><td>22</td><td>33</td></tr>
			<tr><td>66</td><td>88</td><td>99</td></tr>
		   </table>`)
		</script>
	</body>
</html>