javascript的使用，js的语法；

最新推荐文章于 2024-06-09 20:17:27 发布

edccedc

最新推荐文章于 2024-06-09 20:17:27 发布

阅读量61

点赞数

分类专栏：前端笔记文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_64287200/article/details/129912609

版权

前端笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、js 的使用

一般情况下，js 写在body 的最下方

<p id="ch01">这是一个段落</p>  
//定义一个段落，并设置id

<!-- 给botton添加一个单击事件（click）=》执行load函数 -->
<input type="button" value="修改" onclick="load()"/>    

<!-- 一般情况下 js写在body的最下方 -->
<script type="text/javascript">
	window.alert("这是内部js")
	console.log("从内部js")
	document.getElementById("ch01").innerHTML="123456"
			
			
	document.write("来自document.write")
			
	// 定义：fucntion load(){}
	// 执行  load()
	// 定义一个函数(功能)
	function load(){
		console.log("这是load函数被执行了666","点击了button")
		document.write("来自document.write")
	}
</script>

1）window.alert() 弹窗；效果如下：

2）console.log() 从控制台输出

3）document.getElementById("ch01").innerHTML="123456"：

注释掉后我们可以看到<p>标签的内容按原内容显示

通过id获取元素，并更改为“123456”；从这里可以看到，我们定义的 <p> 标签的内容被更改为123456

给<input> 标签设置一个onclick，当button被点击时，会执行load 函数；而load 函数会执行以下：

function load(){
	console.log("这是load函数被执行了666","点击了button")
	document.write("来自document.write")
}

2、js的语法：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var n=1
			var N=2
			console.log("n:",n);
			console.log("N:",n);
			
			
			// 弱类型
			n = n + "5"
			console.log("n+5",n)
			
			// 变量名
			var $a = 10;
			console.log($a)
			
		</script>
	</body>
</html>

1）js 严格区分大小写：n 和 N 输出的分别为：1 和 2

2）js 是弱类型语言： n + "5" 可以将 n 和字符串5 拼接

弱类型语言也称为弱类型定义语言。与强类型定义相反。像vb，php等就属于弱类型语言· 例如：在 vbscript 中，可以将字符串 12 和整数 3 进行连接得到字符串 123，然后可以把它看成整数 123，而不需要显式转换。弱类型有时显得很方便，有时却又极易出错。你

输出的结果为：15

edccedc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript的使用，js的语法；

javascript的使用，js的语法；1）window.alert() 弹窗；效果如下： 2）console.log() 从控制台输出 3）document.getElementById("ch01").innerHTML="123456"：注释掉后我们可以看到标签的内容按原内容显示通过id获取元素，并更改为“123456”；从这里可以看到，我们定义的标签的内容被更改为123456 1）js 严格区分大小写：n 和 N 输出的分别为：1 和 22）js 是弱类型语言
复制链接

扫一扫