javascript基础部分学习
蟹道人
岂闻韶华尽何年,回首沧桑,此恨绵绵,风月如剑,看我破天。
展开
-
一段倒计时的代码(JS)
function Timer(startTime, endTime) { this.startDate = new Date(startTime); this.endDate = new Date(endTime); this.startTime = this.startDate.getTime(); this.endTime = this.endDate.原创 2015-04-27 13:01:02 · 606 阅读 · 0 评论 -
动态的创建一个元素 createElement 和删除一个元素
关键词:createElement appendChild removeChild function test(){ //创建元素 var myElement = document.createElement("a");//a是想创建的html元素标签名 //给创建的元素添加必要的信息 myElement.href = "http://www.baidu.com原创 2014-01-23 16:56:57 · 6617 阅读 · 0 评论 -
body 对象
//这样的写法等同于在body上 onselectstart = 'return false' return false;原创 2014-01-23 19:35:24 · 542 阅读 · 0 评论 -
web tank(1.1)
function MyTank(x,y,direct){ //tank的坐标和方向 this.x = x; this.y = y; this.direct = direct; this.speed = 5; //初始化tank mytank.style.left = this.x + "px"; mytank.style.t原创 2014-01-24 10:37:27 · 477 阅读 · 0 评论 -
检查输入的是否是数字 keyCode onkeypress
function check(event){ //用户每按下一个键,就去判断是不是一个数 if(event.keyCode57){ window.alert("你输入的不是数字!"); return false; } }原创 2014-01-22 22:39:47 · 989 阅读 · 0 评论 -
登陆成功后 自动查秒 跳转
login.html function $(id){ return document.getElementById(id); } function checkUser(){ if($("u1").value == "hello" && $("p1").value == "123"){ return true; }else{ return fa原创 2014-01-22 21:05:12 · 905 阅读 · 0 评论 -
父窗口和子窗口通信 opener
父窗口 <!-- var newWindow; function test2(){ newWindow = window.open("newWindow.html","_blank"); } function test3(){ var val = document.getElementById("mytext"); //w原创 2014-01-22 20:13:16 · 666 阅读 · 0 评论 -
乌龟捉鸡
//响应用户点击按钮,或者是按下键盘 function move(eobj){ //得到乌龟 var wugui_height = 56; var wugui_width = 79; //得到公鸡 var cock_height = 61; var cock_width = 64; var wugui = document.g原创 2014-01-22 16:00:15 · 665 阅读 · 0 评论 -
innerText 使用
function showTime(){ //在元素间的文本就是通过 对象 .innerText document.getElementById("mytime").innerText = new Date().toLocaleString(); } setInterval("showTime()",1000);原创 2014-01-22 17:00:55 · 5790 阅读 · 0 评论 -
禁止拷贝网页内容 方法 代码
原创 2014-01-21 21:11:14 · 515 阅读 · 0 评论 -
js 多态性实例
//js中 多态的使用 function Master(){ //喂食的方法 this.feed = function(animal,food){ document.write("主人给"+animal.name+"喂食了"+food.name); } } //食物父类 function Food(name){ this.name = na原创 2014-01-21 11:14:33 · 1554 阅读 · 0 评论 -
动态的绑定事件的方法addEventListener
function test(){ window.alert("你投了一次票"); //解除绑定事件 document.getElementById("but1").removeEventListener("onclick",test); } //动态绑定事件 可以取消绑定 document.getElementById("but1").addEventListen原创 2014-01-23 17:00:09 · 2113 阅读 · 0 评论 -
频道切换效果
<!-- function change(val,obj){ obj.style.backgroundColor = "#FFC12D"; if(val == "zs"){ zs.style.display = "block"; rz.style.display = "none"; cg.style.display = "none";原创 2014-01-24 16:20:22 · 749 阅读 · 0 评论 -
树状展开和关闭
function test1_onclick(){ if(test1.innerText == "-"){ test1.innerText = "+"; myList.style.display = "none"; } else if((test1.innerText == "+")){ test1.innerText = "-"; myLi原创 2014-01-24 16:45:30 · 922 阅读 · 0 评论 -
继承
//javascript中对象的继承 function Stu(name,age){ //公有属性 this.name = name; this.age = age; //公有方法 this.show = function(){ window.alert(this.name+this.age); } } //继承的使用 functio原创 2014-01-20 17:53:20 · 421 阅读 · 0 评论 -
循环输出对象的属性 for in
//定义对象的第n中方式 var Dog = { name : 'dog', age : 18, fun1 : function(){ window.alert(this.age); } }; //Dog.fun1(); //循环输出对象的属性 for(var key in Dog){ window.alert(Dog[key]); }原创 2014-01-20 16:09:20 · 1258 阅读 · 0 评论 -
能移动的超级玛丽奥(1.1)
//设计mario类 function Mario(){ this.x = 0; this.y = 0; //移动方向的表示0 1 2 3 this.move = function(direction){ switch(direction){ case 0: var mymario原创 2014-01-20 14:57:17 · 621 阅读 · 0 评论 -
javascript 对象中的函数 定义方式用prototype 动态增添 节省空间
/*function Person(name,age){ this.name = name; this.age = age; this.show = function(){ document.write("名字="+this.name); } this.jisuan = function(){ var res = 0; for(var i =原创 2014-01-19 20:29:53 · 559 阅读 · 0 评论 -
全选的实现
allSelected.html --> function allSel(){ var names = document.getElementsByName("name1"); for(i=0;i<names.length;i++){ if(myselect.checked){ names[i].checke原创 2014-01-25 19:33:36 · 539 阅读 · 0 评论 -
table对象insertRow deleteRow 使用 实例
table1.html --> <!-- function test1(){ //判断插入的编号是否已经存在 for(var i=0;i<mytable.rows.length;i++){ var eachRow = mytable.rows[i]; if(eachRow.cells[0].innerText原创 2014-01-25 19:28:26 · 2278 阅读 · 0 评论 -
注册界面 用javascript检查输入信息格式是否正确 完整版
register.html var allforms = document.forms; function check(){ //单击一次提交 调用函数之前先清掉上一次的检查信息。 userNameSpan.innerText = ""; pswSpan.innerText原创 2014-01-25 19:19:18 · 5910 阅读 · 0 评论 -
RegExp 实例(一)
regexp1.html --> function check(){ //得到用户的内容 var con = content.innerText; //window.alert(con); //隐式创建 //var myReg = /(\d){4}/gi; //显示创建 var myReg = n原创 2014-01-25 17:52:24 · 665 阅读 · 0 评论 -
引入外部js
//调用外部js文件 var num1 = window.prompt("第一个数"); var num2 = window.prompt("第二个数"); var operater = window.prompt("运算符"); num1 = parseFloat(num1); num2 = parseFloat(num2); window.alert('结果原创 2014-01-17 15:39:31 · 953 阅读 · 0 评论 -
动态添加option createElement使用
select.html --> --请选择一门课程-- <!-- var last_select_num = 3;//加入从数据库中查询 //动态添加第一门课程 var myOption = document.原创 2014-01-25 19:36:07 · 2093 阅读 · 0 评论 -
onload onunload onbeforeunload使用
function test1(){ //window.alert("Ok onload"); var t = document.getElementById('text1'); t.onfocus; } function test2(){ window.alert("Ok"); }原创 2014-01-21 17:40:56 · 644 阅读 · 0 评论 -
js 更改 外部 css 实例 说明(二)
实例: function change(eobj){ //获取event2.css中所有选择器 var ocssRules = document.styleSheets[0].rules;//0表示得到引入的第一个css文件 //从ocssRules集合中取出希望的class选择器 var style1 = ocssRules[0];//0表示取出第一个c原创 2014-01-21 16:58:53 · 706 阅读 · 0 评论 -
js 事件 通过内部style改变背景色(一)
/*function test1(){ //window.alert("ok!"); } function test2(e){ //window.alert("x = "+e.clientX+" y = "+e.clientY); } */ function test3(){ var date = new Date(); window.alert原创 2014-01-21 16:17:34 · 5719 阅读 · 0 评论 -
javascript date的使用方法
js4.html --> var date = new Date(); var day = date.getDay(); if(0 == day){ day = "日"; } document.writeln("现在时刻: " + dat原创 2013-09-14 10:29:05 · 596 阅读 · 0 评论 -
with语句的使用
js2.html --> with(document){ write(""); write("hello"); write("hello2"); write("hello3"); write(""); }原创 2013-09-14 10:16:55 · 691 阅读 · 0 评论 -
javascript 焦点的使用方法
js16.html --> function checkPass(object){ if(object.value.length <= 4){ alert("密码长度过短"); object.focus();//把焦点放到输入框里 object.select();//选中输入框中的所有原创 2013-09-14 11:40:42 · 807 阅读 · 0 评论 -
javascript 对象的定义和方法的定义使用
js11.html --> function member(name,gender){ this.name = name; this.gender = gender; this.display = display;//指定对象的一个方法 }原创 2013-09-14 11:12:07 · 574 阅读 · 0 评论 -
javascript 对象的定义及使用
js10.html --> function member(name,gender){ this.name = name; this.gender = gender; } var m1 = new member("zhangsan","m"); var m2 = new membe原创 2013-09-14 11:10:46 · 547 阅读 · 0 评论 -
javascript 字符串相关方法的使用(toUppercase,charAT,substring)
js8.html --> var str = "javascript"; var num = 1234; with(document){ write(str.toUpperCase() + ""); write(num.t原创 2013-09-14 11:00:04 · 1338 阅读 · 0 评论 -
javascript中alert的最基本使用
jsl.html --> function test(){ var i = 3; alert(i);//alert的使用 i = true; alert(i); } <!--原创 2013-09-14 10:14:04 · 5426 阅读 · 0 评论 -
用javascript 函数判断输入的邮箱是否符合要求
js9.html --> function isEmail(){ var emailValue = document.getElementsByName("email")[0].value; if(emailValue.indexOf("@") == -1原创 2013-09-14 11:07:11 · 4978 阅读 · 0 评论 -
javascript 二维数组的使用
js7.html --> var fruit = new Array(3); fruit[0] = new Array("苹果",2); fruit[1] = new Array("橙子",3); fruit[2] = new Array("柚子",4);原创 2013-09-14 10:55:41 · 1408 阅读 · 0 评论 -
javascript 数组的定义及使用方法
js5.html --> <!-- 这是一种方式 var fruit = new Array("苹果","香蕉","栗子"); for(var i = 0; i<fruit.length; i++){ document.writeln("fruit[原创 2013-09-14 10:46:05 · 685 阅读 · 0 评论 -
javascript 数组方法的使用
js6.html --> var fruit = ["苹果","香蕉","橘子"]; with(document){ write(""); write("" + fruit.join() + ""); write("原创 2013-09-14 10:53:54 · 568 阅读 · 0 评论 -
javascript setTimeout方法的使用
js14.html --> function count(){ setTimeout("alert('OK');", 1000); }原创 2013-09-14 11:19:32 · 649 阅读 · 0 评论 -
javascript 定时器
js15.html --> var sec = 0; var timeId = setInterval("count();", 1000); function count(){ document.getElementById("num").innerHTML =原创 2013-09-14 11:32:42 · 600 阅读 · 0 评论