JavaScript有什么作用，怎么用

最新推荐文章于 2021-12-01 15:49:25 发布

神树降临

最新推荐文章于 2021-12-01 15:49:25 发布

阅读量158

点赞数

分类专栏：数据库文章标签： javascript js css

本文链接：https://blog.csdn.net/csh2388827741/article/details/117091658

版权

数据库专栏收录该内容

70 篇文章 1 订阅

订阅专栏

HTML是负责呈现什么内容
CSS负责以何种方式来呈现
HTML和CSS实现了静态页面
但事实上我们更多的要求是动态的，这就需要用到 js 了，通过 js操作HTML和CSS

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="p1">this is a js test</p>
		<button onclick="fun1()">点我试试</button>
	</body>
	<script>
		/* 
		 js的作用：交互、动态
		 交互是通过事件（比如onclick）来实现
		 动态是通过js去操作html、css来实现
		 */
		function fun1(){
			var e = document.getElementById("p1");	
			/*修改标签的内部文本， innerText是其内部文本属性 */		
			e.innerText = "这是一个关于js的演示";//修改标签的文本
			/*修改标签的样式，即把颜色设置为绿色 */
			e.style.color = "green";
		}
	</script>
</html>

而 js有两种引用方式
（1）内部引用，使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="p1">this is a js test</p>
		<button onclick="fun1()">点我试试</button>
		<button onclick="fun2()">点我试试</button>
	</body>
	<!-- 
	 js的内部使用方式：通过script标签
	 -->
	<script>		 
		function fun1(){
			var e = document.getElementById("p1");	
			e.innerText = "这是一个关于js的演示";
			e.style.color = "green";
		}
	</script>
	
	<!-- js的外部使用方式：通过加装js文件 -->
	<script src="test.js"></script>
</html>

test.js

function fun2() {
	var e = document.getElementById("p1");
	e.innerText = "这是js外部引用的演示";
	e.style.color = "red";
}

JavaScript的注释方式：1.//单行注释。
2. /注释内容/ 多行注释

JS 是一种解释型语言
计算机语言分为编译型和解释型
程序员使用高级语言编制程序，但是程序最终是由计算机去执行，那么计算机只能执行机器语言（即二进制代码），那么这个过程就必然有一个从高级语言到机器语言的“翻译”过程。
有两种“翻译”方式：
（1）编译：将代码整体翻译成机器代码，如果有错误则停止翻译，全部成功翻译完才能执行；
（2）解释：将代码翻译一条马上执行一条，如果遇到错误则停止。

计算机语言分为两种：编译型语言：JAVA、C++、C….
解释型语言：JavaScript、CSS…

神树降临

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript有什么作用，怎么用

HTML是负责呈现什么内容CSS负责以何种方式来呈现HTML和CSS实现了静态页面但事实上我们更多的要求是动态的，这就需要用到 js 了，通过 js操作HTML和CSS<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p id="p1">this is a
复制链接

扫一扫