初识JavaScript

最新推荐文章于 2024-07-28 20:27:10 发布

sysyphus

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量91

点赞数

分类专栏： Self-taught 文章标签： javascript

本文链接：https://blog.csdn.net/iityc/article/details/105536607

版权

Self-taught 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

js是运行在浏览器上的脚本语言
js能做什么？
js可以使网页具有交互性
可以处理表单、
动态创建页面
可以创建cookie
js不能做什么
js不允许读写用户电脑上的文件
js不允许修改服务器上的文件（php可以）
js不允许关闭文件
js不能读取已经打开的其他浏览器上的信息
js语句写在哪里？
html文档中：script 包裹 head里 body里
js文件里 html引入
js 注释
//
/**/
标识符、变量、自变量
标识符：必须以字母、下划线、$开头，不能使用数字，特殊符号，不能使用保留字（for…）
变量：是临时存储数据的容器
使用var关键字创建
命名要符合标识符规范
按名称调用，区分大小写
自变量：
js六种数据类型（js所有数据都必须是这六种之一）
undefined
null （本身就是对象）
Number
Boolean
String
Object（复杂数据类型）
创建一个object的对象需要 new
检测数据类型 :typeof数据
js函数
function 函数名（）{
函数由一条或多条语句组成；
}
操作符根据操作对象的不同分为
算数操作符（加减乘除）
字符串操作符（）
布尔操作符（逻辑：与或非）
赋值操作符
一元操作符（自增、自减）
比较操作符（）
js中字符串是个对象
使用方法：字符串.方法名（参数表）例如：substring(3,2,‘php’)
js数组方法
用对象array（）直接创建，手工添加元素到数组中
使用[‘ ’，‘ ’ ]数组元素用自变量直接创建
变量作用域
函数内部创建的变量只能在函数内部使用
函数外部创建的变量，当前脚本的任何地方都能用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>tyc</title>
	<script>
			name='tyc';
			function sayHello () {
				console.log(name);
			}
			sayHello();
	</script>
</head>
<body>
</body>
</html>

14.凡是用var创建的变量都是局部变量。过多的全局变量会污染我们的运行环境

js中的面向对象
面向对象是一种编程思想
js中一切皆对象，除了null和undefined（这两个是值）
基于原型Prototype创建对象
对象（属性的载体是：变量，和方法的载体是：函数）
属性的载体就是变量，对象属性就是存储信息的容器
方法是对象的行为，对象方法是其实现功能
17.构造器的创建

var objName = new Object()
var objName = {}
var objName ={
    属性1：值1，
    属性2：值2，
    方法|：function(){}
}

代码的执行流程：
swith的使用方法减少代码冗余。break跳出当前代码执行。如果注释掉break则会输出下一条。
while是在循环终止的时候就要进行检测，这叫入口检测。
do while循环是出口检测，无论怎样，代码都会执行一次。
for循环次数已知的现象更方便。for循环条件里的内容更加丰富多彩：循环的初始条件，执行条件，更新条件都可以放到循环的条件里。

在这里插入图片描述

swith的使用方法减少代码冗余。break跳出当前代码执行。如果注释掉break则会输出下一条
while是在循环终止的时候就要进行检测，这叫入口检测
do while循环是出口检测，无论怎样，代码都会执行一次
for循环次数已知的现象更方便。for循环条件里的内容更加丰富多彩：循环的初始条件，执行条件，更新条件都可以放到循环的条件里”
19.DOM树
20.onload和onclick事件
事件就是对象上的方法，以函数为载体。
window.onload
document.onclick
在这里插入图片描述
21.从页面中获取元素
通过标签：var 获取的元素=document.getElementsByTagname（‘获取的元素’）
通过id：var 获取的元素=document.getElementsById（‘获取的元素’）
通过类：var 获取的元素=document.getElementsByClassName（‘获取的元素’）
通过css选择符：var 获取的元素=document.querySelectAll（‘获取的元素’）
22.DOM节点常用属性
元素节点用1表示
属性节点用2表示
文本节点用3 表示
nodeType用来查看节点的类型
nodeName用来查看节点的名称
nodeValue用来查看节点的值
23.节点之间的关系
24.属性节点的增删改查
点操作符
元素的方法
元素的attributes方法
25.子节点类型判断与操作
26.元素节点的增删改查
27.JavaScript中的事件
窗口事件
鼠标事件
键盘事件
焦点事件
失去焦点事件
28.冒泡和捕捉
29.如何将事件绑定到对象上的三种方法
将事件直接添加到标签属性上（不推荐。要实现样式结构和行为的分离）
将事件作为属性直接添加到对象上
将事件作为方法与我们的对象进行绑定
30.事件冒泡与拦截：自下而上的自动触发父级同类事件

sysyphus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初识JavaScript

js是运行在浏览器上的脚本语言js能做什么？js可以使网页具有交互性可以处理表单、动态创建页面可以创建cookiejs不能做什么js不允许读写用户电脑上的文件js不允许修改服务器上的文件（php可以）js不允许关闭文件js不能读取已经打开的其他浏览器上的信息js语句写在哪里？html文档中：script 包裹 head里 body里js文件里 html引入...
复制链接

扫一扫

专栏目录