三、JavaScript学习笔记---JavaScript基础

最新推荐文章于 2024-07-22 15:13:59 发布

享受当下.26

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量76

点赞数

分类专栏： JavaScript 文章标签： javascript 学习 html java 前端

本文链接：https://blog.csdn.net/qq_57138944/article/details/124908112

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.JS的三种书写位置

【行内式】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
	</head>
	<body>
		<!--1.行内式的js 直接写到元素内部-->
		<!--点击小猪，弹出我是小猪佩奇-->
		<input type="button" value="小猪" onclick=alert('我是小猪佩奇')>
	</body>
</html>

【方式一运行结果】

【内嵌式的js】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
		<!--内嵌式的js-->
		<!--直接弹出王嘉尔真的很帅！-->
		<script>
		alert('王嘉尔真的很帅！')
		</script>
	</head>
	<body>
	</body>
</html>

【方式2运行结果】

【外部引入js文件】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>

		<!--3.外部js引入 script 双标签-->
		<script src="my.js"></script>
	</head>
	<body>
	</body>
</html>

【创建外部 my.js文件】

alert('想看王嘉尔的演唱会，真的很想！！！')

【方式3运行结果】

外部js文件：

利用HTML页面代码的结构化，把大段js代码独立到HTML页面之外，既美观，也方便文件级别的复用
引用外部js文件的script标签中间不可以写代码
适合于js代码量比较大的情况

2.JavaScript注释

单行注释（快捷键：Ctrl+/）
多行注释（快捷键：Shift+Ctrl+/）

// 单行注释

/* 多行注释
		多行注释 */

3.JavaScript输入输出的语句

【prompt()代码案例】

<script>
	//这是一个输入框
	prompt('请输入你的年')
</script>

【运行效果】

【 alert（）代码案例】

//alert弹出警示框，输出的结果，展示给用户的
alert('计算结果是')

【运行效果】

【console代码案例】

//console控制台输出，给程序员测试用的
console.log('我是程序员能看到的')

需要点击F12，选择Conaole（控制台）或者右击鼠标选择检查，选择Conaole（控制台）才可以看到。

【运行效果】

享受当下.26

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
三、JavaScript学习笔记---JavaScript基础

1.JS的三种书写位置【行内式】<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Document</title> </head> <body>   <input type="button".
复制链接

扫一扫