JavaScript(JS)--基础1-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52270842/article/details/124490312

一·JavaScript起源

诞生于1995，是由网景公司发明,起初命名为LiveScript，最初它主要用于处理网页中的前端验证(用户名长度、密码长度、邮箱格式等等)；后来由于SUN公司的介入更名为了JavaScript。但是1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript。于是在市面上存在两个版本的JavaScript,一个网景公司的JavaScript和微软的JScript。为了确保不同的浏览器上运行的JavaScript标准一致，所以几个公司共同定制了JS的标准名命名为ECMAScript.

二·简介

一个完整的JavaScript由三部分组成

DOM (文档对象模型):提供一组对象来操作网页；

BOM(浏览器模型):提供一组对象来操作浏览器;

三·特点

1·解释型语言；

2·类似于Java和c的语法结构；

3·动态语言

4·基于原型的面向对象

四·在HBuilder编写JS

这三条语句可以统称为输出语句；

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--JS代码需要编写到script标签中 -->
		<script type="text/javascript">
			/*
			 * 控制浏览器弹出一个警告框
			 * alert("这是我的第一行JS代码");
			 */
			alert("这是我的第一行JS代码");
			
			/*
			 * 让计算机在页面输出一个内容
			 * document.write()可以向body中输出一个内容
			 */
			document.write("我在哪");
			/*
			 * 向控制台输出一个内容
			 * console.log()的作用是向控制台输出一个内容
			 */
			console.log("我在这");
			
		</script>
	</head>
	<body>
	</body>
</html>

五·JS代码编写位置

与CSS类似，既可以写入script中也可以写入body中；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<!--
        	作者：2390104521@qq.com
        	时间：2022-05-02
        	描述：可以将js代码编写外部js文件中，然后通过script标签引入
        	写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
        -->
        
        <!--
        	作者：2390104521@qq.com
        	时间：2022-05-02
        	描述：script标签一旦用于引用外部文件了，就不能在编写代码，即便是写了浏览器也会忽略
        	如果需要，就需要重新创建一个新的script标签
        -->
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript">
			alert("我是内部!")
		</script>
	</head>
	<body>
		<!--
        	作者：2390104521@qq.com
        	时间：2022-05-02
        	描述：可以将JS代码编写到标签的onclick属性中
        	
        	将js代码写入标签属性中，他们属于结构与行为耦合，但是不方便维护
        -->
		<button onclick="alert('你点我干嘛!');">点我一下</button>
		<!--
        	作者：2390104521@qq.com
        	时间：2022-05-02
        	描述：JS代码也可以写入超链接的href属性中，点击超链接就会运行js代码
        -->
        <a href="javascript:alert('让你点你就点');">你也点我一下</a>
	</body>
</html>