javascript学习笔记（一）--基础

最新推荐文章于 2024-06-12 11:59:04 发布

qq_44753552

最新推荐文章于 2024-06-12 11:59:04 发布

阅读量90

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_44753552/article/details/108334421

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、简介

JavaScript 是一种轻量级，功能强大的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

二、用法

HTML中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
<script src="myScript.js"></script>

三、显示数据

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
	document.getElementById("demo").innerHTML = "段落已修改。";
使用 console.log() 写入到浏览器的控制台。

四、语法

字面量
	数字number：3.14，1001，123e5
	字符串string："xiaoming"
	表达式：5+6
	数组array：[1,2,3]
	对象object: {name:"xk",age:12}
	函数function: function fun(a,b){return a+b}

变量
	JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值: var a = 11

操作符
	算术、赋值、位操作符:  = + - * / % ++ --
	条件、比较、逻辑操作符：? :  == != < > && || !

语句
	语句用分号隔开： 
		x = 5 + 6 ;
		document.getElementById("demo").innerHTML = "你好 Dolly";

代码块
	function myFunction(){
    	document.getElementById("demo").innerHTML="你好Dolly";
    	document.getElementById("myDIV").innerHTML="你最近怎么样?";
	}
	
注释
	//我不会执行
	/*
	我也不会执行
	*/

数据类型
	基本数据类型
		Number: var length = 15;
		String: var name = "xk";
		Boolean: var a = true;
		Undefined: var a; //undefined
		Null:
	引用数据类型：
		Array: var arr = [1, 2 3 ];
		Object: var person = {name:"xk" , age: 12}
		Function: var fun = function (a,b){return a+b}	
	声明变量类型：
		使用new来声明： var a = new String;

五、作用域

作用域是可访问变量，对象，函数的集合。
	变量在函数内声明，变量有局部作用域，只能在函数内部访问
	变量在函数外定义，变量有全局作用域，在所有脚本和函数中都可访问使用

变量生命周期
	JavaScript 变量生命周期在它声明时初始化。
	局部变量在函数执行完毕后销毁。
	全局变量在页面关闭后销毁。

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

六、事件

HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
常见的HTML事件：
	onchange: 元素改变
	onclick: 点击
		<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
	onmouseover : 移动鼠标
	onmouseout: 移开鼠标
	onkeydown：按下键盘
	onload：浏览器以完成的加载

qq_44753552

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript学习笔记（一）--基础

这里写目录标题一、简介二、用法三、显示数据四、语法五、作用域六、事件一、简介JavaScript 是一种轻量级，功能强大的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。二、用法HTML中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中也可以把脚本保存到外部文件
复制链接

扫一扫