![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 94
JamTin
这个作者很懒,什么都没留下…
展开
-
JS基础——JSON
JS基础——JSONJS中的对象只有JS自己认识,其他的语言不认识JSON就是一个特殊格式的字符串,可以被任意语言识别并且可以转换为任意语言中的对象JSON在开发中主要用来数据交互JSONJavaScript Object Notation (JS对象表示法)JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号JSON分类:对象 {}var obj = ‘{“name”: “张三”, “age”: 10, “gender”: “男”}’;var o原创 2020-08-23 22:14:25 · 83 阅读 · 0 评论 -
JS类的操作
JS类的操作实现修改box样式<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .b1 { width: 100px; height: 100px; background-color: red; } </style> </head> <bod原创 2020-08-23 22:13:46 · 285 阅读 · 0 评论 -
JS定时器和延时
JS定时器和延时一个定时器demo:<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var count = document.getElementById("count") var num = 1;原创 2020-08-23 20:30:21 · 917 阅读 · 0 评论 -
JS的BOM
BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象:WindowNavigatorLocationHistoryScreenWindow 代表整个浏览器的窗口,同时window也是网页中的全局对象。Navigator 代表当前浏览器的信息,通过该对象可以识别不同的浏览器。由于历史原因,Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了。一般我们只会使用userAgen原创 2020-08-23 20:29:14 · 70 阅读 · 0 评论 -
JS事件的传播
JS事件的传播给个例子,我们熟悉的冒泡:<script type="text/javascript"> //绑定函数 function bind(obj, eventStr, callback) { if(obj.addEventListener) { //大部分浏览器 obj.addEventListener(eventStr, callback, false); }else {原创 2020-08-21 18:15:13 · 126 阅读 · 0 评论 -
JS事件的绑定
JS事件的绑定使用 对象.事件 = 函数 的形式绑定响应函数,不能绑定多个,如果绑定了多个,后边的会覆盖掉前面的。如:给button绑定点击事件<script type="text/javascript"> window.onload = function () { var btn1 = document.getElementById("btn1"); btn1.onclick = function() { alert原创 2020-08-21 18:12:02 · 134 阅读 · 0 评论 -
JS的事件冒泡
JS的事件冒泡和委派直接演示一下什么是JS的事件冒泡,上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #box1 { height: 12.5rem; width: 12.5rem; background-colo原创 2020-08-21 18:09:08 · 144 阅读 · 0 评论 -
JS的DOM操作css
JS的DOM操作css通过JS修改元素的样式:获取内联样式语法:元素.style.样式名 = 样式值注意:如果CSS的样式命名中含有 - ,比如: background-color 。需要去掉- ,使用驼峰命名法。改为: backgroundColor 。给定一个200px的红色盒子box1、点击按钮1修改box1大小,<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t原创 2020-08-21 18:04:33 · 248 阅读 · 0 评论 -
JS的DOM增删
JS的DOM增删<body> <ul id="city"> <li>北京</li> </ul> <input type="button" id="btn01" value="按钮" /></body>增加元素节点li广州<script type="text/javascript"> function myClick(id, fun) {原创 2020-08-17 15:29:41 · 148 阅读 · 0 评论 -
JavaScript全选练习
JavaScript全选练习实现功能如下:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { //复选框 var checkedAllBox = document.get原创 2020-08-17 15:28:12 · 190 阅读 · 0 评论 -
JS的DOM
JS的DOM简介DOM,全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲地操作WEB页面。文档文档表示的就是整个HTML网页文档对象对象表示将网页中的每一部分都转换为一个对象(网页每个节点都是对象)。模型使用模型来表示对象之间的关系,这样方便获取对象。节点节点:Node——构成HTML文档最基本的单元。常用节点分为四类文档节点(document):整个原创 2020-08-16 15:40:37 · 208 阅读 · 0 评论