JavaScript学习—— 一：用法-CSDN博客

本文链接：https://blog.csdn.net/God_stf/article/details/114435296

JavaScript学习——一：用法

用法
输入
输出

用法

HTML 中的脚本必须位于标签之间。
脚本可被放置在 HTML 页面的和部分中。Js 的书写位置非常的自由。也可以参照 css 的位置来分类。

js标签

标准写法：
但一般可以省略type和language，也可以都写。

<script type=”text/javascript”></script>

或

<script language=”javascript”></script>

Script标签可以出现多对；

如果第一对Script标签出错，不影响后面script标签的执行；

1.1行内式

一般情况，单双引号是一样的但是出现了包裹的情况。一般采取的是外双内单的格式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="JavaScript" type="text/javascript" src="jquery-3.2.1.js"></script>
	</head>
	<body>
		<button onclick="alert('Hellow World')">点击我</button>
	</body>
</html>

1.2. 内嵌式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="JavaScript" type="text/javascript" >
			function t1(){
				alert("Hellow World")
			}
		</script>
	</head>
	<body>
		<button onclick=t1()>点击我</button>
	</body>
</html>

1.3.外链式

t1.js文件

function t1(){
	alert("Hellow World")
}

html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="JavaScript" type="text/javascript" src="t1.js">
		</script>
	</head>
	<body>
		<button onclick=t1()>点击我</button>
	</body>
</html>

三种用法效果呈现

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../jquery-3.2.1.js"></script>
		<script type="text/javascript">
			//可以多个，放哪里都可以
			function t1(){
				alert('Hellow World')
			}
		</script>
		<!-- 外链式 -->
		<script type="text/javascript" src="t1.js">
			
		</script>
	</head>
	<body>
		<!--行内式-->
		<button onclick="alert('Hellow')">点我</button>
		<!-- 内嵌式 -->
		<button onclick=t1()>点击我</button>
		<!-- 外链式 -->
		<button onclick=t2()>点</button>
	</body>
</html>

输入

prompt() 弹出输入框，接收的东西是“字符串”

可以使用parseFloat()对输入的字符串进行转换：
例如 parseFloat(prompt(“请输入一个数：”))

输出

JavaScript 没有任何打印或者输出的函数。
JavaScript 可以通过不同的方式来输出数据：

Alert() 非常少
document.write() 直接在文档中显示
Console 用户看不见

2.1 使用 window.alert() 弹出警告框。

alert(1+2);

2.2使用 document.write() 方法将内容写到 HTML 文档中。

<script > 
		var a=99;
		document.write(a)
</script>

2.3 使用 innerHTML 写入到 HTML 元素。

		<h2>标题</h2>
		<p id="demo">第一段</p>
		<script >
			document.getElementById("demo").innerHTML = "段落已修改";
		</script>

2.4使用 console.log() 写入到浏览器的控制台。

		<script>
			console.log("我是log")
			console.info("我是info")
			console.warn("我是warn")
			console.error("我是error")
			document.write("999999999")
		</script>

效果