望望byte-CSDN博客

转载 JS AJAX---数据库

AJAX可用于同数据库进行交互式通信AJAX Database实例showCustomer() 函数进行如下：检查是否选取客户创建 XMLHttpRequest 对象创建当服务器响应就绪时执行的函数向服务器上的文件发送请求请注意，参数 q 被添加到 URL（带有下拉列- 表的内容）<!doctype html><html><head><meta charset="gb2312"><script>function s.

2021-08-06 13:38:58 188

转载 JS AJAX --- PHP和ASP实例

AJAX 用于创建更具交互性的应用程序PHP 实例首先，检查输入字段是否为空（str.length == 0），如果是，清空 txtHint 占位符的内容并退出函数。不过，如果输入字段不为空，则进行如下：创建 XMLHttpRequest 对象创建当服务器响应就绪时执行的函数发送请求到服务器上的 PHP 文件（gethint.php）请注意添加到 gethint.php 的 q 参数str 变量保存了输入字段的内容<!DOCTYPE html><html>.

2021-08-06 13:28:23 171

转载 JS AJAX--- XML文件

AJAX 可用于同 XML文件进行交互式通信AJAX XML 实例下面的例子演示网页如何通过 AJAX 从 XML 文件读取信息：当用户点击“获取 CD 信息”按钮时，执行 loadDoc() 函数。loadDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并向服务器发送请求。当服务器响应就绪后，构建 HTML 表格，从 XML 文件提取节点（因素），最后使用由 XML 数据填充的 HTML 表格对元素“demo”进行更新：<!DOCTYP.

2021-08-06 12:56:44 178

转载 JS AJAX ---响应

AJAX - 服务器响应onreadtstatechange属性readyState 属性存留 XMLHttpRequest 的状态。onreadystatechange 属性定义当 readyState 发生变化时执行的函数。status 属性和 statusText 属性存有 XMLHttpRequest 对象的状态。每当 readyState 发生变化时就会调用 onreadystatechange 函数。注释：onreadystatechange 被触发五次（0-4），每次 read

2021-08-06 12:36:15 229

转载 JS AJAX---请求

XMLHttpRequest对象用于同服务器交换数据向服务器发送请求如需向服务器发送请求，我们使用 XMLHTTPRequest 对象的open（）和 send（）方法：xhttp.open("GET" ,"ajax_info.txt",true);xhttp.send();open(method,url,async,user,psw)规定请求method：请求类型 GET或POSTurl ：服务器（文件）位置async : true(异步) 或false（同步）user：可选.

2021-08-06 11:19:38 232

转载 JS AJAX--- XMLHttp

Ajax的核心是 XMLHttpRequest对象XMLHttpRequest对象所有现代浏览器都支持XMLHttpRequest对象XMLHttpRequest 对象用于同幕后服务器交换数据。这意味着可以更新网页的部分，而不需要重新加载整个页面。创建 XMLHttpRequest 对象所有现代浏览器（Chrom、IE7+、Firefox、Safari 以及 Opera）都有内建的 XMLHttpRequest 对象。创建 XMLHttpRequest 的语法是：varia.

2021-08-06 10:34:10 133

转载 JS AJAX---AJAX简介

AJAX是开发者的梦想，因为你能够：不刷新页面更新网页在页面加载后从服务器请求数据在页面加载后从服务器接收数据在后台向服务器发送数据AJAX实例：HTML页面<!DOCTYPE html><html><body><div id="demo"> <h2> 让 AJAX 更改这段文本 </h.

2021-08-06 10:01:39 59

转载 JS Browser BOM ---cookies

Cookie 让您在网页中存储用户信息。什么是cookie?Cookie是在您的计算机上存储在小的文本文件中的数据当 web 服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。Cookie是为了解决“如何记住用户信息”而发明的当用户访问网页时，他的名字可以存储在cookie中下次用户访问该页面时，cookie 会“记住”他的名字Cookie 保存在名称值对中，如：username = Bill Gates当浏览器从服务器请求一个网页时，将属于该页的 cookie .

2021-08-06 09:35:27 100

转载 JS Browser BOM ---定时事件（timing）

JavaScript 可以在时间间隔内执行。这就是所谓的定时事件（ Timing Events）。Timing 事件在等待指定的毫秒数后执行函数。setTimeout(function, milliseconds)等同于 setTimeout()，但持续重复执行该函数。setInterval(function, milliseconds)setTimeout() 和 setInterval() 都属于 HTML DOM Window 对象的方法。setTimeout()方法.

2021-08-05 17:03:54 59

转载 JS Browser BOM ---弹出框

JavaScript 有三种类型的弹出框：警告框、确认框和提示框。警告框如果要确保信息传递给用户，通常会使用警告框。当警告框弹出时，用户将需要单击“确定”来继续。语法window.alert("sometext");window.alert() 方法可以不带 window 前缀来写。实例alert("我是一个警告框！");确认框如果您希望用户验证或接受某个东西，则通常使用“确认”框。当确认框弹出时，用户将不得不单击“确定”或“取消”来继续进行。如果用户单击“确定”，该框返回 .

2021-08-05 16:53:28 106

转载 JS Browser BOM ---window navigtor

window.navigator 对象包含有关访问者的信息。Window Navigatorwindow.navigator 对象可以不带 window 前缀来写。一些例子：navigator.appNamenavigator.appCodeNamenavigator.platform浏览器 CookiecookieEnabled 属性返回 true，如果 cookie 已启用，否则返回 false：实例<p id="demo"></p><scr.

2021-08-05 16:40:22 90

转载 JS Browser BOM---window.history

window.history 对象包含浏览器历史。Window Historywindow.history 对象可不带 window 书写。为了保护用户的隐私，JavaScript 访问此对象存在限制。一些方法：history.back() - 等同于在浏览器点击后退按钮history.forward() - 等同于在浏览器中点击前进按钮Window History Backhistory.back() 方法加载历史列表中前一个 URL。这等同于在浏览器中点击后退按钮。实例在页.

2021-08-05 16:26:05 51

转载 JS Browser BOM ---Window Location

window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。Window Locationwindow.location 对象可不带 window 前缀书写。一些例子：window.location.href 返回当前页面的 href (URL)window.location.hostname 返回 web 主机的域名window.location.pathname 返回当前页面的路径或文件名window.location.protocol 返回使用的 .

2021-08-05 16:20:48 101

转载 JS Browser BOM ---window screen

window.screen对象包含用户屏幕信息Window Screen属性：screen.widthscreen,heightscreen,availWidthscreen,availHeightscreen,colorDepthscreen.pixelDepth宽度–screen.width返回以像素计的访问者屏幕宽度高度–screen.height返回以像素计的访问者屏幕高度可用宽度–screen.availWidth属性返回访问者屏幕的宽度，以像素计，减去诸如窗口.

2021-08-05 16:11:27 59

转载 JS Browser BOM---Window

浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。Window对象所有浏览器支持window 对象。代表浏览器的窗口所有全局的JS 对象、函数和变量自动成为 window对象成员全局变量是 window 对象的属性全局函数是 window 对象的方法窗口尺寸浏览器窗口（浏览器视口）不包括工具栏和滚动条。确定浏览器窗口尺寸：window.innerHeight -浏览器内高度（以像素计）window.i.

2021-08-05 15:57:15 76

转载 JS HTML DOM---Element对象

文章目录Element对象Element对象--属性element.accessKeyelement.attributeselement.childNodeselement.classNameelement.contentEditableelement.direlement.clientHeightelement.clientWidthElement对象--方法Element对象在 HTML DOM 中，Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本

2021-08-05 14:18:21 197

转载 JS HTML DOM ---document对象

document对象定义：每个载入浏览器的 HTML 对象都将是 Document 对象用途：实现从脚本对HTML页面中所有元素进行访问tips：Window对象是Document对象的父级，Document 对象集合集合–all[]all 集合返回对文档中所有 HTML 元素的引用。all[] 是一个多功能的类似数组的对象，它提供了对文档中所有 HTML 元素的访问。all[] 数组源自 IE 4 并且已经被很多其他的浏览器所采用。语法：document.all[i]

2021-08-05 11:30:48 179

转载 JS HTML DOM--- Attr 对象

文章目录HTML DOM Attr对象HTML DOM 节点Attr 对象attr对象属性attr.isId浏览器支持attr.name浏览器支持attr.valueattr.specifiedNamedNodeMap 对象nodemap对象属性nodemap对象方法从NameNodeMap返回回指定的属性节点 --nodemap.getNamedItem()浏览器支持移除指定的属性节点--nodemap.removeNamedItem()浏览器支持设置指定的属性节点（通过名称）--nodemap.setN

2021-08-05 09:48:33 583

转载 JS HTML DOM---DOM 节点列表

文章目录JavaScript HTML DOM 节点列表HTML DOM NodeList 对象HTML DOM Node List 长度HTMLCollection 与 NodeList 的区别JavaScript HTML DOM 节点列表HTML DOM NodeList 对象NodeList 对象是从文档中提取的节点列表（集合）。NodeList 对象与 HTMLCollection 对象几乎相同。如使用 getElementsByClassName() 方法，某些（老的）浏览器会返

2021-08-04 17:32:08 110

转载 JS HTML DOM ---DOM集合

文章目录JS HTML DOM 集合HTMLCollection 对象HTML HTMLCollection 长度HTMLCollection 并非数组！JS HTML DOM 集合HTMLCollection 对象getElementsByTagName() 方法返回 HTMLCollection 对象。HTMLCollection 对象是类数组的 HTML 元素列表（集合）。实例下面的代码选取文档中的所有元素：var x = document.getElementsByTagName(

2021-08-04 17:21:39 80

转载 JS HTML DOM---DOM节点

文章目录JavaScript HTML DOM 元素（节点）创建新HTML 元素（节点）创建新 HTML 元素 - insertBefore()删除已有 HTML 元素替换 HTML 元素JavaScript HTML DOM 元素（节点）添加和删除节点（HTML 元素）创建新HTML 元素（节点）如需向 HTML DOM 添加新元素，您必须首先创建这个元素（元素节点），然后将其追加到已有元素。实例<div id="div1"><p id="p1">这是一个段落。&lt

2021-08-04 17:13:43 40

转载 JS HTML DOM ---导航

文章目录JS HTML DOM 导航DOM节点节点关系在节点之间导航子节点和节点值InnerHTMLDOM 根节点nodeName 属性nodeValue 属性nodeType 属性JS HTML DOM 导航通过 HTML DOM，您能够使用节点关系来导航节点树。DOM节点根据 W3C HTML DOM 标准，HTML 文档中的所有事物都是节点：整个文档是文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点所有注释是注释节点有了 HT

2021-08-04 16:58:43 136

转载 JS HTML DOM ----Event 对象

文章目录Event 对象其他 Event对象Event 对象当 HTML 中发生事件时，该事件属于某个事件对象，例如，鼠标单击事件属于 MouseEvent 对象。所有事件对象均基于 Event 对象，并继承其所有属性和方法。其他 Event对象这些是最常见的事件对象：...

2021-08-04 16:05:05 105

转载 JavaScript HTML DOM ---事件监听器

文章目录JavaScript HTML DOM 事件监听器addEventListener()方法向元素添加事件处理程序向相同的元素添加多个事件处理程序向Window对象添加事件处理程序传递参数事件冒泡还是事件捕获？removeEventListener() 方法浏览器支持JavaScript HTML DOM 事件监听器addEventListener()方法addEventListener() 方法为指定元素指定事件处理程序。addEventListener() 方法为元素附加事件处理程序而不会

2021-08-04 16:00:47 248

转载 JS HTML DOM ---DOM事件

文章目录JS HTML DOM事件对事件作出反应HTML 事件列子HTML 事件属性使用HTML DOM分配事件HTML DOM 事件Event对象事件句柄（Event Handlers）onabort事件onerror事件onfocus事件onblur 事件onload 和 onunload 事件onload事件onunload事件onchange 事件onmouseover 和 onmouseout 事件onmousemove事件onmousedown, onmouseup 以及 onclick 事件

2021-08-04 14:48:09 157

转载 JS HTML DOM ---DOM 动画（JS定时器setInterval）

文章目录JS HTML DOM 动画基础页面创建动画容器为元素添加样式动画代码使用JS 创建动画JS定时器开启定时器 setInterval()关闭定时器 clearInterval()JS HTML DOM 动画使用JS 来创建 HTML 动画基础页面实例：为了演示如何通过 JavaScript 来*创建 HTML 动画，*我们将使用一张简单的网页：<!DOCTYPE html><html><body><h1>我的第一部 JavaScri

2021-08-03 21:17:52 310

转载 JS HTML DOM --- DOM CSS

文章目录JS HTML DOM - 改变CSS改变 HTML 样式使用事件JS HTML DOM - 改变CSSHTML DOM 允许 JavaScript 更改 HTML 元素的样式。改变 HTML 样式如需更改 HTML 元素的样式，请使用此语法：document.getElementById(id).style.property = new style实例下面的例子更改了元素的样式：<html><body><p id="p2">H

2021-08-03 16:38:27 57

转载 JS HTML DOM ----改变HTML

文章目录JS HTML DOM - 改变HTML改变HTML 输出流改变 HTML 内容改变属性的值JS HTML DOM - 改变HTMLHTML DOM 允许 JavaScript 改变 HTML 元素的内容。改变HTML 输出流JavaScript 能够创建动态 HTML 内容：Tue Aug 03 2021 16:06:12 GMT+0800 (中国标准时间)实例在 JavaScript 中，document.write() 可用于直接写入 HTML 输出流：<!DOCT

2021-08-03 16:19:31 74

转载 JS HTML DOM---DOM 元素

文章目录JS HTML DOM 元素查找 HTML元素通过 id 查找 HTML 元素通过标签名查找 HTML 元素通过类名查找 HTML 元素通过 CSS 选择器查找 HTML 元素通过 HTML 对象选择器查找 HTML 对象JS HTML DOM 元素查找 HTML元素需求：通过JavaScript ，需要操作 HTML 元素方法：通过id 查找HTML 元素通过标签名查找 HTML 元素通过类名查找 HTML 元素通过 CSS 选择器查找 HTML 元素通过 HTML 对象

2021-08-03 15:36:19 45

转载 JS HTML DOM---DOM文档

文章目录JS HTML DOM 文档HTML DOM Document 对象查找 HTML元素改变HTML元素添加和删除元素添加事件处理程序查找 HTML 对象JS HTML DOM 文档HTML DOM 文档对象是您的网页中所有其他对象的拥有者。HTML DOM Document 对象文档对象代表您的网页。如果您希望访问 HTML 页面中的任何元素，那么您总是从访问 document 对象开始。查找 HTML元素改变HTML元素添加和删除元素添加事件处理程序查找 HTML

2021-08-03 15:13:20 60

转载 JS HTML DOM --- DOM方法

文章目录HTML DOM 方法DOM 编程界面getElementById()方法innerHTML 属性HTML DOM 方法HTML DOM 方法是你能够在（在HTML 元素上）执行的动作HTML DOM 属性是你能够设置或改变的HTML 元素的值DOM 编程界面HTML DOM 能够通过 JavaScript 进行访问（也可以通过其他编程语言）。在DOM中，所有HTMl 元素都被定义为对象编程界面是每个对象的属性和方法。属性是你能够获取或设置的值（就比如改变HTMl元素的内

2021-08-03 14:58:49 42

转载 JS HTML DOM--- DOM 简介

JS HTML DOM通过 HTML DOM ，JS能够访问和改变 HTML文档所有的元素HTML DOM（文档对象模型）当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被结构化为对象树：对象的 HTML DOM 树通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：JavaScript 能改变页面中的所有 HTML 元素JavaScript 能改变页面中的所有 HTML 属性JavaScr

2021-08-03 14:10:18 45

转载 JS 对象---ES5 新的对象方法

文章目录JavaScript ES5对象方法ES5 新的对象方法更改属性值更改元数据列出所有属性列出可枚举的属性添加属性添加 Getter 和 Setter一个计数器实例JavaScript ES5对象方法ECMAScript 5 为 JavaScript 添加了大量新的对象方法。ES5 新的对象方法//添加或更改对象属性Object.defineProperty(object, property, descriptor)//添加或更改多个对象属性Object.defineProperti

2021-08-03 11:39:58 88

转载 JS对象---对象原型

文章目录JS 对象原型对象构造器原型继承向对象添加属性和方法使用 prototype 属性添加新属性添加新方法：JS 对象原型所有 JavaScript 对象都从原型继承属性和方法。对象构造器实例：对象构造器Personfunction Person(first, last, age, eyecolor) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor =

2021-08-03 09:00:16 46

转载 JS对象---对象构造器

文章目录JS 对象构造器对象类型（蓝图）（类）this 关键词为对象添加属性为对象添加方法为构造器添加属性为构造器添加方法内建的JS 构造器您知道吗？JS 对象构造器实例：function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye;}函数Person() 就是对象构造器函数

2021-08-03 08:45:49 201

转载 JS对象---对象访问器

文章目录JS 对象访问器JS 访问器（Getter 和Setter）JS Getter （get 关键词）JS Setter （set 关键词）JavaScript 函数还是 Getter？数据质量为什么使用 Getter 和 Setter？一个计数器实例浏览器支持JS 对象访问器JS 访问器（Getter 和Setter）ECMAScript5（2009）引入了 Getter和 SetterGetter 和 Setter 允许你定义对象访问器（被计算的属性）JS Getter （get 关

2021-08-02 21:58:24 272

转载 JS对象---对象方法

文章目录JS对象方法JS方法：this关键字访问对象方法使用内建方法添加新的方法JS对象方法实例var person = { firstName: "Bill", lastName : "Gates", id : 648, fullName : function() { return this.firstName + " " + this.lastName; }};JS方法：定义：JS方法是能够在对象上执行的动作JS方法是包含函数定义的属性方法是

2021-08-02 21:26:42 125

转载 JS对象---对象属性

文章目录JS对象属性JS属性访问JS属性JS for....in 循环添加新属性删除属性属性值原型属性JS对象属性属性时任何JS对下那个最重要的部分JS属性属性定义：指的是与JS对象相关的值JS对象是无序属性的集合属性通常可以被修改、添加和删除，但是某些属性是只读的访问JS属性访问对象属性的语法是：objectName.property // person.ageperson.firstname + " is " + person.age + " years

2021-08-02 17:46:29 71

转载 JS对象---对象定义

文章目录JS对象定义JS原始值对象时包含变量的变量对象属性：对象方法：创建JS对象使用对象字面量使用JS 关键词 newJS对象时易变的JS对象定义在JS中，对象是王，如果理解了对象，就理解了JS在JS中，几乎“所有事物”都是对象布尔是对象（如用new 关键词定义）数字是对象（如用new 关键词定义）字符串是对象（如用new 关键词定义）日期永远是对象算术永远是对象正则表达式永远是对象数组永远是对象函数永远是对象对象永远是对象所有JS值，除了原始值，都是对象JS原始值

2021-08-02 13:08:23 288

转载 JS 表单

文章目录JS 表单验证HTML表单实例JS实例JS能够验证数字输入自动HTML表单验证数据验证HTMl 约束验证（HTML5新引入）约束验证HTML输入属性约束验证 CSS伪选择器JS 验证API约束验证DOM方法checkValidity（）方法约束验证 DOM属性合法性属性：rangeOverflow属性：rangeUnderflow属性：JS 表单验证HTML 表单验证能够通过 JS 来完成如果某个表单字段（fname）是空的，那么该函数会发出一条警告消息，并返回 false，以防止表单被提交

2021-08-02 12:15:07 510

空空如也

空空如也