JS的一些相关基本语句

Js特点

  1. 解释型(写完直接解释不用编译)
  2. 类似于c和java语法结构
  3. 动态语言
  4. 基于原型的面向对象

Js需要写道<head>标签中的<script>标签中

1.在页面中的弹出

alert("你好帅啊!!!");

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			alert("你好帅啊!!!");
		</script>
	</head>
	<body>
	</body>
</html>

会出现

 

2.在页面中输出一个内容

    <script>document.write("我喜欢你");</script>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>document.write("我喜欢你");</script>
	</head>
	<body>
	</body>
</html>

这其实写完会出现在body中

 

3.向控制台输出内容

Console.log(“”);

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>console.log("我喜欢你");</script>
	</head>
	<body>
	</body>
</html>

会出现在控制台上

超链接中也可以直接写

    <a href="javascript:alert('我好帅');">超链接</a>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script></script>
	</head>
	<body>
		<a href="javascript:alert('我好帅');">超链接</a>
	</body>
</html>

 

虽然可也这么写,但因为它们结构与行为相耦合,在代码一多,维护起来不方便。

所以可以将js代码编写到外部js文件中

如:<script type=“”src=“文件名”></script>

可利用浏览器的缓存机制,一旦用于引用外部文件,就不能在引用内部文件,浏览器会忽略,

如果要在内部写,应另写一个<script>标签。

注:在写的时候要切换英文

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值