在了解DOM(文本对象模型)的框架和节点后,最重要的是使用这些节点处理html网页 对于一个DOM节点node,都有一系列的属性和方法可以使用。常用的有下表。完善:http://www.w3school.com.cn/xmldom/dom_element.asp 1.访问节点 BOM提供了一些边界的方法访问节点,常用的就是getElementsByTagName(),和getElementById()代码如下: function searchDOM(){var oLi = document.getElementsByTagName("li");var j =oLi.length;var j2 =oLi[...
浏览器中的事件都是以对象的形式存在的,同样ie浏览器与标准dom浏览器之间存在获取事件对象上也存在差别。在ie浏览器中事件对象是windows对象的一个属性event,访问通常采用如下方法。代码如下: oP.onclick = function(){ var oEvent = window.event; }尽管它是window对象属性,但event对象还是只能在事件发生时被访问,所有的事件处理函数执行完之后,该对象就消失了。 而标准的dom规定event对象必须作为唯一的参数传给事件处理函...
1.控制用户输入的字符个数 对于单行文本框和密码输入框,可以利用maxlength属性控制用户输入的字符个数。 对于多行文本,maxlength为自定义属性,其值最多输入的字符的个数,在onkeypress事件发生时则调运返回LessThan()函数返回值,函数如下详细代码代码如下:function LessThan(oTextArea){//返回文本框字符个数是否符号要求的boolean值return oTextArea.value.length }2.设置鼠标经过自动选择文本 首先是鼠标经过时自动聚焦 onm...
表格的css控制就先不说了,首先分享下表格常用的DOM表格添加操作的方法常用的为insertRow()和insertCell()方法。 row是从零开始计算起的,例如:代码如下:var oTr = document.getElementById("member").insertRow(2) 是指将新行添加到第二行。代码如下: var aText = new Array(); aText[0] = document.createTextNode("fresheggs"); aText[1] = document.createTextNode("W610"); aText[2] = document.createTextNode("Nov 5th"); ...
1.表单简介 表单
对于用户事件类型而言,最常用的是鼠标、键盘、浏览器。 1.鼠标事件:鼠标的事件都频繁使用,下面例子就测试各种鼠标事件代码如下: function handle(oEvent) {var disp = document.getElementById("display");if (window.event) oEvent = window.event; //处理兼容性,获得对象disp.innerHTML += "鼠标事件名称:" + oEvent.type + "";}window.onload = function() {var oP = document.getElementById("box");oP.onmousedown = han...
大家都知道dom是一种与浏览器、平台、语言无关的接口,使用dom接口可以很轻松访问页面中所有的标准组件,本篇文章主要给大家讲解jquery基础教程之dom操作,有需要的朋友可以参考下对于dom的全称大家都知道吧,DOM是Document Object Model的缩写,其意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用dom接口很容易的访问页面中所有标准组件。dom操作一般可以分为三个方面即DOM Core(核心)、HTM-Dom和CSS-DOM。每一...
前言我们知道js是单线程的,在有时候需要处理一些密集计算或者是高延迟的时候,总会出现不便。而且,现在的cpu都是多核的,单线程也无法充分发挥电脑的计算能力。正是基于这种情况,才有了worker的诞生。由于微信小程序官方的教程比较看不懂...所以本篇主要介绍一下worker在小程序中的用法。worker的一些说明本篇主要是在小程序中使用worker,因为说明部分也是和小程序相关。1、主线程和worker线程之间是通过消息来通信的,主线程不...
前言 我们在开发过程中大多会用到promise,想必大家对promise的使用都很熟练了,今天我们就来实现一个简单的promise,实现的效果如有出入还往指正。 Promise/A+规范:首先重新阅读了下A+的规范:promise代表了一个异步操作的最终结果,主要是通过then方法来注册成功以及失败的情况,Promise/A+历史上说是实现了Promise/A的行为并且考虑了一些不足之处,他并不关心如何创建,完成,拒绝Promise,只考虑提供一个可协作的then方法。术语...
前言 现在做项目为了节约成功,适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势!像一些知名的APP 比如支付宝 淘宝 好多都大量集成了HTML5 页面!像我们公司现在的APP 大多都是h5页面 感觉原生都没什么事情做了。可想而知学习cordova的重要性! 简介 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类...
本文实例为大家分享了js登录验证的具体代码,供大家参考,具体内容如下 1.<script></script>的三种用法: 1.放在<body>中 2.放在<head>中 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>欢迎你,请先登陆!</title><script type="text/javascript" src="../static/jsp/lx.js"></script><script type="text/javascript">alert(这是javascript代码)</script> </head> <body> <p id="demo">www</p> <sc...
Node.js 基础教程之全局对象 在浏览器 JavaScript 中,通常 window 是全局对象。Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性。global 最根本的作用是作为全局变量的宿主。注意: 永远使用 var 定义变量以避免引入全局变量,因为全局变量会污染 命名空间,提高代码的耦合风险。__filename 脚本绝对路径 表示当前正在执行的脚本的文件名。它将输出文件所在位置的绝对路径,且和命令...
微信小程序开发入门基础教程 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。 开发准备工作获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。 下载开发工具 下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476197489869 新建项目 ...
参考:BootStrap中的表单大全 bootstrap 表单部分,具体代码如下所示: <div class="container"><form action="#" method="post"><fieldset><legend>用户登陆</legend><div class="form-group"><label>用户名:</label><input type="text" class="form-control" name="name" placeholder="用户名"></div><div class="form-group"><label>密码:</label><input type="password" class="form-control" name="pwd" placeholder="密码"...
本文实例讲述了javascript cookie用法。分享给大家供大家参考,具体如下: 一、什么是 cookie? cookie 就是页面用来保存信息,比如自动登录、记住用户名等等。 二、cookie 的特点 同个网站中所有的页面共享一套 cookie cookie 有数量、大小限制 cookie 有过期时间 三、如何使用 cookie? 通过 document.cookie 来写入 cookie <!DOCTYPE HTML> <html lang="en-US"> <head><meta charset="UTF-8"><title>cookie基础</title> </head>...