javascript
码动传奇
业精于勤,荒于嬉;行成于思,毁于随。
展开
-
窃取网页登录信息的小程序
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行例子:通过按键操作显示登录信息的小demo//通过event写一个简单的窃取网页登录信息的小程序(IE)。function getkey(e){ if(!e) e=window.ev原创 2015-09-28 20:40:58 · 811 阅读 · 0 评论 -
使用js实现框架间的跳转
上个月好像没学到什么新技术,月末帮大四的做了2个毕业设计,巩固了一下基础。期间遇到框架中a标签的跳转问题,记录下。一般来说,当我们在框架中跳转的时候,新页面会在当前框架打开,那么如何实现在其他框架打开页面呢?使用js实现框架间的跳转 在header.html中window原创 2016-05-02 16:18:18 · 3506 阅读 · 0 评论 -
很简单但特别有效的js代码段
在输入登录框的时候,经常会用到一个特效,若原来的输入框有值,那么点击的时候原来输入框中的值会消失,提高用户体验度。这是代码段:原创 2016-05-12 21:32:01 · 423 阅读 · 0 评论 -
自适应手机屏幕的一段JS代码
今天,在调网页界面的时候,遇到了一个问题,同样的样式,在一个页面上显示效果挺好,另一个无论是字体还是样式布局,都会显得相对的小。经过查找,发现是一段JS代码在“捣鬼”。附上代码:function resetPage() { var deviceWidth = document.documentElement.clientWidth, scale = deviceWidth/40原创 2016-05-25 11:20:37 · 2578 阅读 · 0 评论 -
跨浏览器的事件对象
test.html EventUtil.js/* 保证处理事件的代码在大多数浏览器中都能一致运行。*/var EventUtil = { addHander: function(element, type, handler){ if(element.addEventListener){ element.addEventListener(type原创 2015-11-26 19:50:13 · 360 阅读 · 0 评论 -
JavaScript DOM编程艺术—javascript实现移动元素动画
test.html Wheel!addLoadEvent.jsfunction addLoadEvent(func){ var oldonload = window.onload; if(typeof oldonload != 'function'){ window.onload= func; } else{ oldonload(); func();原创 2015-11-19 08:55:57 · 1247 阅读 · 0 评论 -
JavaScript DOM编程艺术—显示“缩略语列表”
将文档中的标签中的title属性集中起来显示在一个页面.test.html Explaining the Document Object Model what is the Document Object Model? The W3C defines the DOM as: A platform and language-neutral interface原创 2015-11-18 17:07:30 · 456 阅读 · 0 评论 -
JavaScript DOM编程艺术—幻灯片动画
鼠标接触网页链接时,图片会移动的动画目录结构注:top.gif图片为400*100px的。list.html Web Design Web Design There are the things you should know Structure Presentation Behavior原创 2015-11-23 22:19:28 · 656 阅读 · 0 评论 -
JavaScript DOM编程艺术-JavaScript图片库
通过点击链接可在一个网页上变换显示的图片。test.html文件 image show my picture aaaa bbbb cccc dddd choose a title show.js文件// window.onload = function(){ // p原创 2015-11-17 20:10:30 · 1335 阅读 · 0 评论 -
javascript使用的两项原则和Hijax
两项原则之平稳退化和渐进增强1.平稳退化如果正确地使用了JavaScript脚本,就可以让访问者在他们浏览器不支持javascript的情况下仍能顺利地浏览你的网站。即当客户禁止javascript功能后,仍能看到网页的内容。2.渐进增强即用一些额外的信息层去包裹原始数据。若按照“渐进增强”原则创建的网页几乎都能符合“平稳退化”原则。例如:先只使用常规的链接,然后通过Jav原创 2015-11-17 20:59:33 · 682 阅读 · 0 评论 -
JavaScript DOM编程艺术—表格的奇数行在点击时实现斑马线效果
表格的奇数行在点击时实现斑马线效果test.html文件 css.css文件.odd{ background-color:red;}.white{ background-color:white;}addLoadEvent.js文件functi原创 2015-11-18 22:36:18 · 810 阅读 · 0 评论 -
JavaScript DOM编程艺术—动态创建标记
当我们需要在名为test的块中添加一段文本的时候,形如:this is a test对于DOM语言来说,实际上相当于先创建一个p元素节点,再将此p元素节点作为div元素节点的子节点。然后再创建文本节点,再将文本节点作为p元素节点的子节点。window.onload = function(){ var testdiv = document.getElementById("t原创 2015-11-17 20:42:55 · 451 阅读 · 0 评论 -
人机比大小
一个人机比较大小的JS小程序//写一个人机比大小(1~10)的网页小程序。 var i=0; var a=0; var num=10; function test(){ var number = Math.floor(Math.random()*num) + 1; var val = document.theform.thetext.value; i++; i原创 2015-09-24 12:10:04 · 561 阅读 · 0 评论 -
对象的创建、使用及向String对象添加方法(prototype的使用)
prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value //对象的定义,使用(名片示例) function Card(name, address, work, home){ this.name = name; this.address = address; this.work = work;原创 2015-09-23 22:26:32 · 1533 阅读 · 0 评论 -
写一个输入框并将输入的结果在文本框中排序
我的第一个javaScript小demo,也意味着开启了我的JS demo之旅 ~~ //写一个输入框并将输入的结果在文本框中排序 var i=0; var val = new Array(); function cmp(a,b){ return a<b;//将输入的数字从大到小排序。 } function paixu(){ val[i++] = d原创 2015-09-23 19:23:57 · 3071 阅读 · 1 评论 -
网页链接说明的JS程序
通过even对象t获取对象属性(srcElement或target属性)的使用和将事件设置为属性的使用,制作网页链接说明的小JS demo//在Internet Explorer的event属性中event.srcElement代表元素出现的对象//在Netscape和Firefox的event属性中event.target代表元素出现的对象为网页链接添加说明 exampl原创 2015-09-29 17:43:25 · 383 阅读 · 0 评论 -
判断是否为微信浏览器的JS代码
微信支付被封,要写一段代码用来提示用户,如果使用微信浏览器,辣么就请使用其他浏览器打开。这里是判断是否为微信浏览器的函数:function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){原创 2016-07-13 11:11:25 · 675 阅读 · 0 评论