昨天练习写了这个小demo,个人觉得通过设置定位元素left和top的值,来实现换行的功能,这种方法很巧妙~另外,如下代码中的随机颜色的获取,还请各位前辈多多指教:需要改进的地方;或者有没有更好的方法。 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title></title> 6<style type="text/css"> 7 body{text-align: center;} 8 li{height:50px;width:50px;background:red;position:absolut...
<!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...