<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script language=javascript> cities = new Object(); cities[‘台湾‘]=new Array(‘台北‘,‘台南‘,‘其他‘); cities[‘马来西亚‘]=new Array(‘Malaysia‘); cities[‘北京‘]=new Array(‘北京‘); cities[‘上海‘]=new Array(‘上海‘); cities[‘天津‘]=new Array(‘天津‘); cities[‘重庆‘]...
数组相关var codes = new Array( ); //创建数组codes.length //数组长度 动态插入数组codes.push(value); 原文：http://www.cnblogs.com/roluce/p/6035193.html
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>原生js面向对象选项卡(点击)</title><style>#div1 div{width:400px;height:300px;border:1px solid #ccc;overflow: hidden;display: none;margin: 15px 0;}#div1 input{color: #fff;width:100px;height:40px;background: darkseagreen;border:none;font-size: 14px;letter-spacing: 5px;}#div1 p{font-size: 20px;line-height: 24px;text-align: center;color:...
<!DOCTYPE html><html><head><meta charset="utf-8"/><script type="text/javascript"> function go(arrs){ //将一个字符串解析后放入ul标签中var node=document.getElementById('list').firstChild;node.appendData('\n');for(var j=0;j<arrs.length;j++){node.appendData('<li>'+arrs[j]+'</li>');} } var xmlhttp; function load(){ //点击事件触发跳转alert("load");var id = document.getElementById("id").value;aler...
// pop() 方法从数组中删除最后一个元素var fruits = ["Banana", "Orange", "Apple", "Mango"]; // 被删除的值赋值给xvar x = fruits.pop(); console.log(fruits,x) //打印删除元素后的数组和被删除的元素 //输出：["Banana", "Orange", "Apple"] "Mango"// push()方法 向数组添加新元素的最佳方法var fruits = ["Banana", "Orange", "Apple", "Mango"]; // 注意：这里的x返回的是新数组的长度，而不是返回添加的元素var x = fr...
蓝鸥原生JS：js的历史及JavaScript的优缺点蓝鸥零基础学习HTML5—html+css基础http://11824614.blog.51cto.com/11814614/1852769JS介绍 js的历史 在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。 由于网景公司希望能在静态HTML页面上添加一些动态效果，于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错，这哥们只用了10天时间。 为什么起...
1function removeClass(obj, aClass) {2var re = new RegExp(‘\\b‘ + aClass + ‘\\b‘);3if (obj.className != ‘‘) {4 5if (re.test(obj.className)) {6var arr = obj.className.split(‘ ‘);7for (var i = 0; i < arr.length; i++) {8if (arr[0] == aClass && arr[arr.length - 1] == aClass) {9 obj.className = ‘‘; 10 } elseif (arr[i] == aClass) { 11 arr....
function ready(fn){ if(document.addEventListener) { document.addEventListener(‘DOMContentLoaded‘, function() { //注销事件, 避免反复触发 document.removeEventListener(‘DOMContentLoaded‘,arguments.callee, false); fn(); //执行函数 }, false); }elseif(document.attachEvent) { //IE document.attachEvent(‘onreadystatechange‘, function() { if(document.readyState == ‘complete‘) { document.detachEvent(...
视口的宽和高var pw = window.innerWidth,ph = window.innerHeight;if(typeof pw != "number"){pw = document.documentElement.clientWidth;ph = document.documentElement.clientHeight;}console.log(pw,ph); 原文：http://www.cnblogs.com/xupeiyu/p/4677252.html
引言：2048小游戏的结束界面，使用纯CSS制作模态对话框，一般做模态对话框都会使用BootStrap自带的模态对话框组件方便使用，但在制作要运行在移动端的小项目时，就不能使用BootStrap，因为文件太大，下载耗时，耗费流量。 一、模态对话框的组成 2个Div，一个铺满整屛，一个显示内容坑：如何让Div铺满整屛？解决：2个办法宽 高 100% → position：absolute； → top=0;left=0;四个方向 margin-top/left/right/boot...
第一部分： 发布订阅模式简介 发布—订阅模式又叫观察者模式，它定义对象间的一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在javascript开发中，一般用事件模型来替代传统的发布—订阅模式。 发布—订阅模式可以广泛应用于异步编程中，是一种替代传递回调函数的方案。比如，可以订阅ajax请求的error、success等事件。或者如果想在动画的每一帧完成之后做一些事情，可以订阅一个事件，然后在动...
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>原生JS实现特效留言框</title><style>* {margin: 0;padding: 0}textarea {overflow: auto;resize: none;}li {list-style: none;}html {height: 100%;}body {background: #570226;height: 100%;font: Arial, Helvetica, sans-serif;}h2 {font-family: Arial, Helvetica, sans-serif}.wrap {width: 740px;height: 498px;b...
想转html5游戏开，这是学习练手的东西，最开始是用面向过程的方式实现，后面用面向对象的方式实现(被坑了)…… 演示地址:http://runjs.cn/detail/ss8pkzrc html代码 <html><head><meta charset="utf-8"/><title>掷色子的游戏</title></head><body><table><tr><td align="center"><canvas id="game" width="400" height="300" style="border:1px solid #c3c3c3">你的游览器不支持html5的画布元素，请升级到IE9+或使用firefox、chrom...
月份的判定，由于涉及到过多了判定条件，如果用if else会大大降低性能，建议用switch 语法 代码如下：代码如下: getDays:function(year,month){ // var aDay = [31,28|29,31,30,31,30,31,31,30,31,30,31]; // 二月份的天数数据处理 var FedDays = year%4==0?29:28, returnDays = ; var month = month<10?month = 0+month:month.toString(); switch(month){ cas...
图片轮播有很多种方式，这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现，jquery因为封装了很多用法，所以用起来就简单许多，转换成js使用，其实也就是用js原生模拟出这些用法。 但不管怎样，构造一个最基本的表现层是必须的简单的图片轮播一般由几个部分构成。 对于淡入淡出式 1.首先是个外围部分（其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方（也就是一个banner吧） 3.然后是一个图片组（可以用新的d...