暂无图片
暂无图片
暂无图片
暂无图片
暂无图片
首页 / JS技术笔记之JS快速入门

JS技术笔记之JS快速入门

yacon 2018-05-22
169


  • 知识点1：JavaScript的组成部分

  • 知识点2：JavaScript基本框架

  • 知识点3：向HTML页面输出内容

  • 知识点4：JavaScript的运行原理

  • 知识点5：在HTML页面中引入JavaScript

    • 方式1：内部JavaScript

    • 方式2：外部JavaScript

    • 方式3：嵌入JavaScript

  • 知识点6：弹出警告框


知识点1：JavaScript的组成部分

JavaScript由如下三部分组成

名称说明
ECMAScriptJavaScript的标准，定义了JavaScript的核心内容
BOMBrowser Objcet Model，浏览器对象模型，用于操纵浏览器对象
DOMDocument Object Model，文档对象模型，用于操纵HTML文档对象

知识点2：JavaScript基本框架

<script language="javascript">
    // JavaScript代码
</script>

知识点3：向HTML页面输出内容

<script type="text/javascript">
	document.write("Hello World!!!");
	document.write("<h1>欢迎使用JS</h1>");
</script>

知识点4：JavaScript的运行原理

  1. 用户通过浏览器输入网址

  2. 从远程服务器下载JavaScript代码

  3. 浏览器解析并执行JavaScript代码

知识点5：在HTML页面中引入JavaScript

方式1：内部JavaScript

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
	</head>
	<body>
	    <!-- HTML代码块 -->
    

	    <script type="text/javascript">
			// JavaScript代码块
	      </script>
	</body>
</html>

方式2：外部JavaScript

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<script type="text/javascript" src="js文件路径"></script>
	</head>
	<body>
	    <!-- HTML代码块 -->
	    		
          <script type="text/javascript" src="js文件路径"></script>
	</body>
</html>

方式3：嵌入JavaScript

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
	</head>
	<body>
		<input type="button" value="提交" onclick="javascript:alert(this.value)"/>
	</body>
</html>

知识点6：弹出警告框

<script type="text/javascript">
	alert("Hello Wrold");
</script>



北大青鸟徐州中博 教育改变生活

  扫 码 报 名  


数据库
文章转载自yacon，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

评论