Javascript
文章平均质量分 71
Jeep_Dom
这个作者很懒,什么都没留下…
展开
-
学习《HTML+css+div网页设计与布局从入门到精通》小计
/*2013-10-10 炫动网页设计丛书,这本书涉及的很基础,通俗易懂。要做好网页还得多实践*/行内元素无法居中:使用line-height属性值和height属性值相等块元素的对齐属性align,作用是对齐区域内的内容。[white-space]控制元素是否进行换行。[blockquote] 标签中的所有文本都会从常规文本中分离出来,在两边进行缩进。添加图像两种方原创 2013-10-10 22:00:57 · 1951 阅读 · 0 评论 -
javascript:history.go(-1)和javascript:history.back(-1)
go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留. 后退+刷新history.back()是会上一页i=1history.go(i)去指定的某页如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。具体的用处就要看什么时候需要这个就用上。比如用转载 2014-06-27 20:17:23 · 5105 阅读 · 0 评论 -
javascript的系统函数
javascript的系统函数1,encodeURI方法 返回对一个URI字符串编码中的结果,本质是UTF-8编码 eg: var urlStr = encodeURI('http://fanli.qq.com/index.html?a=ddd&msg=中国'); alert(urlStr);2, decodeURI方转载 2014-09-09 21:05:22 · 968 阅读 · 0 评论 -
BOM——浏览器对象模型(Browser Object Model)
什么是BOM?BOM是Browser Object Model的缩写,简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHyp转载 2014-09-09 21:38:27 · 1447 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。转载 2014-09-09 22:43:09 · 463 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
作者: 阮一峰学习Javascript,最难的地方是什么?我觉得,Object(对象)最难。因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握。下面就是我的学习笔记,希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍:《面向对象的Javascript》(Object-Oriented JavaScript)转载 2014-09-10 21:47:20 · 543 阅读 · 0 评论 -
JavaScript事件汇总
JavaScript事件汇总事 件触发时机一般事件onclick鼠标单击时触发此事件ondblclick鼠标双击时触发此事件onmousedown按下鼠标时触发此事件onmouseup鼠标按下后松开鼠标时触发此事件onmouseover转载 2014-09-10 18:37:37 · 484 阅读 · 0 评论 -
javascript arguments(转)
什么是argumentsarguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数。他不是一个数组,如果用typeof argum转载 2014-09-10 18:47:59 · 565 阅读 · 0 评论 -
JSON 使用
json : javascript object notation --- javascript原生对象 //json 格式表示一个对象/* var person = {name:"kate",age:"23"}; alert(person.name); *//* //json格式表示一个 数组 var person = [ {name:"kate",age:"23原创 2013-12-06 00:29:08 · 937 阅读 · 0 评论 -
下拉列表 级联菜单操作
function selcity(){ var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"], ["长沙","郴州","岳阳","株洲"],["广州","深圳","惠州","东莞"]]; var index = document.getElementById("selID")转载 2013-11-30 09:57:46 · 6813 阅读 · 1 评论 -
ajax 初识 w3cschool
ajax.html check.jsp原创 2014-09-11 21:44:19 · 711 阅读 · 0 评论 -
【jQuery】入门 WRITE LESS , DO MORE
jQUery 初识 jQuery 是 javascript 库,封装了很多预定义的对象和实用函数。轻量级的js库, 是一个优秀的javascript框架,宗旨是 " WRITE LESS ,DO MORE " jQuery 对象是 通过jQuery 包装DOM对象后产生的对象,如果一个对象是jQuery 对象,那么它可以实用jQuery中的方法,但是jQuery无法使用DOM对象原创 2013-12-07 21:24:47 · 939 阅读 · 0 评论 -
jquery基础1-jquery和dom对象转换
转载自Window.onload=function(){//页面加载,不能同时编写多个,最后面的会覆盖前面的} $(document).ready(function(){//页面加载,能同时编写多个});相当于$(function(){//页面加载,能同时编写多个9}); $(“#foo”).h转载 2014-09-12 23:03:27 · 430 阅读 · 0 评论 -
【ajax】xmlHttpRequest servelet生成xml文件 服务器返回的是XML格式数据
客户端 jsp文件 请选择省份... 请选择城市... javascript代码 function ajaxFunction(){ var xmlHttp; try{ //Firefox xmlHttp = new XMLHttpRequest(); }catch(e){ try{ //IE xmlH原创 2013-12-05 20:41:21 · 1302 阅读 · 0 评论 -
【Dom】通过递归获取节点的层次关系
//通过递归获取节点的层次关系 var str = " "; function listNodes(node,level){ printInfo(node,level); level++; var nodes = node.childNodes; for(var x=0;x<nodes.length;x++){ if(nodes[x].hasChildNodes()原创 2013-11-26 11:51:20 · 2278 阅读 · 0 评论 -
【javascript】动态改变样式
动态改变样式数据封装 -> 确定事件源 -> 注册事件 -> 事件处理 function changeStyle(className){ var divID = document.getElementById("newsId"); divID.className = className; } /*样式选择器*/ .big{ background-colo原创 2013-11-28 09:25:32 · 948 阅读 · 0 评论 -
【javascript】多个列表dl 的开关以及闭合
function list(dtNode){ /* var dtNode = event.srcElement; //基于事件源驱动 var dlNode = dtNode.parentNode; */ var dlNode = dtNode.parentNode; // 事件源对象通过this传入 if(dlNode.className=="open"){ dlNode.c原创 2013-11-28 15:13:22 · 1353 阅读 · 0 评论 -
【javascript】table对象操作,动态创建,删除指定行列
function createTab(){ //动态创建表格 var tabNode = document.createElement("table"); tabNode.setAttribute("id","tabID"); var rowNum = document.getElementsByName("rowNum")[0].value; //取文本框的值 var colNu原创 2013-11-28 17:27:38 · 1453 阅读 · 0 评论 -
【javascript】根据复选框选中的商品,计算总额 | 根据选择的样式进行变换
function getsum(){ //根据选择的复选框,计算资金总和 var items = document.getElementsByName("item"); var sum = 0 ; for(var x=0;x<items.length;x++){ if(items[x].checked) sum += parseInt(items[x].value);原创 2013-11-29 19:42:17 · 4374 阅读 · 0 评论 -
【javascript】广告随鼠标移动 | 广告飞动
广告随鼠标移动 window.onload = function(){ // 广告跟着鼠标移动 document.body.onmouseover = function(){ var adNode = document.getElementById("ad"); adNode.style.left = event.x -10; // event.x 获取鼠标的x坐标原创 2013-11-29 23:44:12 · 1206 阅读 · 0 评论 -
【javascript】根据表格中的某一列进行排序
var b = true ; function sortAge(){ var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; //获取表格中的行对象 var arr = new Array(); for(var x=1;x<trNodes.length;x++){原创 2013-11-29 11:12:03 · 1207 阅读 · 0 评论 -
【javascript】表格行间隔显示颜色,并实现高亮显示效果
var name; //存储tr对象的类名,当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; for(var x=1;x<trNodes.length;x++){ if(原创 2013-11-29 12:30:51 · 1693 阅读 · 0 评论 -
【javascript】动态管理用户
window.onload = function(){ //添加一条记录 document.getElementById("adduser").onclick = function(){ //获取文本框的值 var namevalue = document.getElementById("name").value; var emailvalue = document.getE原创 2013-12-04 18:58:33 · 961 阅读 · 0 评论 -
【javascript】下拉列表select 由左边框移动到右边
//选中的从左边移到右边 function toright() { var firstElement = document.getElementById("first"); var secondElement = document.getElementById("second"); var firstoptionElement = firstElement.getEleme原创 2013-12-04 16:21:49 · 2600 阅读 · 0 评论 -
【javascript】弹出窗口对话框showModalDialog /open
a1.jsp function openwin(){ //模式对话框,弹出后此页面就不可获得焦点 window.showModalDialog("index.jsp",window,"status:no;dialogHeight:210px;dialogWidth:360px;help:no"); //无模式对话框 window.showModelessDialog原创 2013-12-04 20:14:50 · 1392 阅读 · 0 评论 -
【ajax】xmlHttpRequest 第一个例子 服务器返回的是HTML格式
客户端文件 Insert title here test.js代码 /** * ajax建立和服务器的链接,接收服务器的请求,处理服务器返回的数据 * 开发步骤: * 创建xmlHttpRequest对象 * 处理服务器端的响应 * 打开和服务器的链接 * 发送服务 * */function ajaxFunct原创 2013-12-05 00:50:19 · 2383 阅读 · 0 评论 -
js简易版自定义事件及其应用
COME FROM老话题,关于js的自定义事件,用处很多(控件控都懂的..),最明显的是实现观察者模式.简易版代码: 1 function Class1(){ 2 } 3 Class1.prototype ={ 4 //间接调用 5 evt : function(){ 6转载 2014-11-28 22:28:54 · 535 阅读 · 0 评论