ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

Javascript学习1

2021-11-04 21:05:07  阅读:155  来源: 互联网

标签:JavaScript 方式 JS Javascript alert 学习 window js


1、什么是JavaScript,有什么用?
JavaScript是运行在浏览器上的脚本语言。简称JS。
JavaScript程序不需要我们程序员手动编译,编写完源代码之后,浏览器直接打开解释执行。
JavaScript的“目标程序”以普通文本形式保存,这种语言都叫做“脚本语言”。

JSP和JS有啥区别?
JSP : JavaServer Pages(隶属于Java语言的,运行在JVM当中)
JS : JavaScript(运行在浏览器上。)

2、在HTML中怎么嵌入JavaScript代码?
方式1:

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">

		<title>方式1</title>
	</head>
	<body>
	<!--
	click为鼠标单击事件,onclick为事件句柄,事件句柄为执行这个事件时才会起作用。
	格式:事件句柄="js代码"    页面打开时不会执行
	window代表这个页面(可以省略不写),alert为提示弹窗
	window.alert('hellow word')和 window.alert('you')结尾可以写分号也可以不写
	js语句外面为双引号,里面则为单引号;外面为单引号,里面则为双引号。
	-->
		<input type="button" value="确认" onclick="window.alert('hellow word');" />
		<input type="button" value="确认" onclick="window.alert('hellow word')
												   window.alert('you')" />
		<input type="button" value="确认" onclick="alert('gou');" />
	</body>
</html>
		

方式2:脚本块方式

<!doctype html>
<script type="text/javascript">
//js的单行注释
/*
js的多行注释
*/
			window.alert("h");
</script>
<html>
	<head>
	<meta charset="utf-8">
		<title>方式2</title>
	</head>
	<body>
	<!--
	alert会阻塞当前html页面的加载,只有点击确定才能继续执行
	页面打开就会执行
	js语句自上而下,依次逐行执行
	脚本块可以放在任何地方
	-->
		<script type="text/javascript">
			window.alert("hao");
		</script>
		<input type="button" value="确认"/>
	</body>
</html>

方式3:引入外部js文件

window.alert("hao");
window.alert("ha");
window.alert("h");
<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
		<title>方式2</title>
	</head>
	<body>
	<!--
	不能写成<script type="text/javascript" src="新建文件夹/a.js"/>
	<script type="text/javascript" src="新建文件夹/a.js"></script>之间可以写脚本块,不能写js代码
	一个js文件可以在同一个html文件中多次引用
	-->
		<script type="text/javascript" src="新建文件夹/a.js"></script>
		<input type="button" value="确认"/>
	</body>
</html>

标签:JavaScript,方式,JS,Javascript,alert,学习,window,js
来源: https://blog.csdn.net/qq_44152890/article/details/121144338

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有