随笔分类 -  javascript

1 2 下一页
javascript深入浅出 OPP
摘要：javascript深入浅出—OPP概念，继承，模块 阅读全文
posted @ 2017-03-02 22:07 前望 阅读(516) 评论(0) 推荐(0)
javascript深入浅出 对象
摘要：javascript深入浅出 对象结构，对象创建，对象操作 阅读全文
posted @ 2017-03-02 21:58 前望 阅读(119) 评论(0) 推荐(0)
javascript深入浅出 数组、函数和作用域
摘要：javascript深入浅出数组、函数和作用域 阅读全文
posted @ 2017-03-02 20:05 前望 阅读(241) 评论(0) 推荐(0)
javascript深入浅出 基础
摘要：javascript深入浅出数据类型，表达式和运算符，常用语句 阅读全文
posted @ 2017-03-02 19:36 前望 阅读(126) 评论(0) 推荐(0)
DOM系统学习-表格、样式和元素大小
摘要：操作表格、操作样式、获取元素大小 阅读全文
posted @ 2017-02-23 18:12 前望 阅读(339) 评论(0) 推荐(0)
DOM系统学习-进阶
摘要：DOM类型、DOM扩展、DOM操作内容 阅读全文
posted @ 2017-02-23 17:47 前望 阅读(486) 评论(0) 推荐(0)
DOM系统学习-基础
摘要：DOM介绍、查找元素、DOM节点、节点操作 阅读全文
posted @ 2017-02-23 17:26 前望 阅读(758) 评论(0) 推荐(0)
DOM基础详解
摘要：认识DOM、节点、domReady 阅读全文
posted @ 2017-02-23 17:00 前望 阅读(410) 评论(0) 推荐(0)
DOM事件探秘
摘要：事件流、事件处理程序、事件对象 阅读全文
posted @ 2017-02-23 16:09 前望 阅读(133) 评论(0) 推荐(0)
使用 xhEditor 发布代码 代码高亮显示
摘要：使用 xhEditor 插入需要的代码段在前台添加样式/* 代码高亮 */pre{font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:auto; margin:0 0 1em 0; background:#F7F7F7; word-break: break-all; word-wrap:break-word;}pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}pre a, pre a:hover 阅读全文
posted @ 2012-08-24 10:28 前望 阅读(618) 评论(0) 推荐(0)
js 表单验证实例
摘要：gspan.html<html><head> <title>表单验证实例</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="check.js" type="text/javascript"></script> <style> span{ font-size:12px; } .stats1{ 阅读全文
posted @ 2012-08-04 15:49 前望 阅读(1942) 评论(0) 推荐(0)
JS 巧用cssText属性 操作样式
摘要：给一个html元素设置css属性,传统做法：varmybox=document.getElementById("mybox");mybox.style.width="200px";mybox.style.height="70px";mybox.style.display="block";这样写很烦，尤其是很多的时候，一个样式一行,天啊！工具函数 :functionsetStyle(obj,css){for(varatrincss)obj.style[atr]=css[atr];}varmybox=document. 阅读全文
posted @ 2012-06-25 19:09 前望 阅读(508) 评论(0) 推荐(0)
设置主页 收藏网站 兼容 ie firefox 等浏览器
摘要：<a href="javascript:void(0)" onclick="setHome(this)">设为首页</a><a href="javascript:void(0)" onclick="addFavorite()">加入收藏</a>function addFavorite(){ var aUrls=document.URL.split("/"); var vDomainName="http://"+aUrls[2]+ 阅读全文
posted @ 2012-06-08 11:28 前望 阅读(236) 评论(0) 推荐(0)
简单JS动画实例 广告移动效果
摘要：主要使用方法网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);setInterval setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下： setInterval(function,interval[,a 阅读全文
posted @ 2012-06-07 15:10 前望 阅读(1375) 评论(0) 推荐(0)
javascript DOM getElementByTagName Tab选项卡
摘要：<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>getElementByTagName Tab选项卡</title> <style type="text/css"> ul{ margin:0; padding:0; list-style:none; } #t... 阅读全文
posted @ 2012-05-25 15:51 前望 阅读(474) 评论(0) 推荐(1)
javascript DOM model操作
摘要：DOMD-documentO-objectM-Model一、将文档想成一个倒数，每一部分（元素、内容、属性、注释）都是一个节点。二、只要知道一个节点，按关系找到其它节点父节点：parentNode子节点（第一个，最后一个）childNodesfirstChildlastChild兄弟节点（上一个，下一个）nextSiblingpreviousSlibing三、找到节点：节点类型（nodeType）、节点名（nodeName）、节点值（nodeValue）每个节点都拥有包含着关于节点某些信息的属性，这些属性是nodeName（节点名称）nodeType（节点类型）nodeValue（节点值）no 阅读全文
posted @ 2012-05-25 15:38 前望 阅读(424) 评论(0) 推荐(0)
javascript DOM object 操作
摘要：一、DOMDOM（DocumentObjectModel）1.document文档htmlxml文件（标记语言）2.object对象（HTML元素转成的对象（JS对象））注意：如果使用JS操作HTMl文档，就需要先将HTML文档结构转成JS对象a.操作属性 对象名.属性名 例如：obj.title;b.操作内容innerText【ie】textContent【firefox】(获取内容)innerHTML(获取内容及标签)outerText(firefox有兼容问题，很少用)outerHTML(获取包括自己标签的内容)value表单获取内容c.操作样式遇到-把-去掉后面一个单词首字母大写设.. 阅读全文
posted @ 2012-05-25 15:30 前望 阅读(734) 评论(0) 推荐(0)
javascript cookie 简单的使用
摘要：创建Cookie document.cookie = 'key=value'; 有特殊字符使用encodeURIComponent()进行编码 document.cookie = 'user='+encodeURIComponent('郭钱;'); 读取时使用decodeURIComponent() 例如： document.cookie = 'name=guoqian'; document.cookie = 'age=24'; document.cookie = 'address=hunan'; 阅读全文
posted @ 2012-05-04 10:58 前望 阅读(320) 评论(0) 推荐(0)
jquery对表单checkbox复选框的操作例子(全选,反选,获取选取值)
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/ingrid.css" rel="styles 阅读全文
posted @ 2012-03-23 11:27 前望 阅读(382) 评论(0) 推荐(0)
javascript的一些简单的应用
摘要：location.href;//获取urllocation.search; //获取url中"?"符后的字串window.opener; //操作打开窗口的父窗口window.opener=null; window.close(); //点击关闭时不弹出系统提示窗口window.open("http://g.cn","_blank","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");<body 阅读全文
posted @ 2012-03-19 09:45 前望 阅读(374) 评论(0) 推荐(0)

1 2 下一页