js

最新推荐文章于 2023-01-13 16:49:35 发布

sunniy27

最新推荐文章于 2023-01-13 16:49:35 发布

阅读量537

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/sunniy27/article/details/79160273

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.概念

js代码必须放在<script>....</script> 标签中。

1.1变量的声明

用Var命令声明：

var test;
var test_2 = "sunyi"

也可以不声明，使用时再根据数据类型来确定其变量的类型。

1.2 函数的声明

函数的重复声明，如果多次采用function命令的重复声明同一个函数，则后面的声明会覆盖前面的声明。

2.事件

通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，成为事件驱动。对事件进行处理程序或函数，称为事件处理程序。

2.1 事件处理程序

点击一个按钮，弹出小窗口。

<html>
<head>
<script>

function click_button(){
    alert('welcome');
}

</script>
</head>


<body align="center">
    <br></br>
    <button onclick="click_button()">click me</button>


</body>
</html>

除了onclick还有一些事件：
onclick 单击
ondblclick 双击
onfocus 元素获得焦点
onblur 元素失去焦点

onmouseover 鼠标移到某元素之上
onmouseout 鼠标从某元素移开

onmousedown 鼠标按钮被按下
onmouseup 鼠标按键被松开

onkeydown 某个键盘按键被按下
onkeyup 某个键盘按键被松开
onkeypress 某个键盘按键被按下并松开

<html>
<head>
</head>


<body>
<div style="background-color:green;
            width:200px;
            height:50px;
            margin:20px;
            padding-top:10px;
            color:#ffffff;
            font-weight:bold;
            font-size:18px;
            text-align:center;"

onmouseover="this.innerHTML='good'"

onmouseout="this.innerHTML='you have moved out'"
>move your mouse to here</div>


</body>
</html>

3.对象

var student = {};
student.name = "Tom";

var student = {
name:"Tom";
age:"19";
...
}

3.1 内置对象

js有：String，Math，Array

4.DOM

通过ID、名字、标签名选取元素；
通过getAttribute和setAttribute获取和设置元素属性；
通过parentNode获取父元素、createElement动态地创建节点、appendChild和removeChild动态地添加或者删除节点。

4.1 概念

DOM是文档对象模型的简称，他的基本思想是把结构化文档解析成一系列的节点，再由这些节点组成一个树状结构。

4.2 选取文档元素

1.通过id选取元素
getElementById（）
2.通过名字（Name）或标签名（TagName）选取元素
getElementsByName（）
getElemeByTagname()

4.3 节点，属性操作和文档遍历

1.查询和设置元素的属性
getAttribute（）
setAttribute（）

2.父节点
parentNode（）查看并操作一个节点的父节点

3.创建和插入节点
crateElement（）
appendChild（）

4.删除节点
removeChild（）

Meta http-equiv

content-Type(显示字符集的设定)
说明：设定页面使用的字符集。

http://kinglyhum.iteye.com/blog/827807

canvas

定义图形的标签

sunniy27

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js

1.概念js代码必须放在<script>....</script> 标签中。1.1变量的声明用Var命令声明：var test;var test_2 = "sunyi"也可以不声明，使用时再根据数据类型来确定其变量的类型。1.2 函数的声明函数的重复声明，如果多次采用function命令的重复声明同一个函数，则后面的声明会覆盖前面的声明。2.事件通常鼠标或热键的动作我们称之为事件（Event），而
复制链接

扫一扫