关闭

如何获得select被选中option的值

一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.opti...
阅读(44) 评论(0)

JavaScript事件处理的方式(三种)

一、什么是JavaScript事件? 事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了。 事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大小。说白了,事件...
阅读(138) 评论(0)

JavaScript事件详解

JQuery这种Write Less Do More的框架,用多了难免会对原生js眼高手低。      小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一下了。      首先声明,小菜懂的也不是很多,只是把我的思路和大家分享一下。   DOM0事件模型        事件模型在不断发展,早期的事件模型称为...
阅读(135) 评论(0)

scrollTop回到顶部总结

网站中的回到顶部功能有益于增强用户体验,当一个页面很长很长时,回到顶部是必不可少的。 回到顶部按钮,可以使用图片,背景图,矢量字体图标,也可以使用代码 css 生成。这里使用 css 生成的方法。 a href="" title="回到顶部" id="toTop"> span id="arrow">span> a> #toTop { display: none...
阅读(87) 评论(0)

jquery操作复选框的总结

jquery操作复选框(checkbox)的12个小技巧总结 1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2、 获取多个check...
阅读(92) 评论(0)

前端模块化

在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀,这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说...
阅读(177) 评论(0)

浅谈表现和数据分离

无意中看到了一篇关于表现和数据分离的文章,详细的看了一下,感觉和自己理解的不太一样就有了这次的探寻 一、什么是表现和数据分离 说法1:表现和数据分离就是MVC,MVC 是将数据和业务逻辑分离由控制器分发,明显不是 说法2:表现和数据分离就是Css和html+data分离,方便修改页面的表现形式,如模板制作 说法3:表现和数据分离就是javascript中的MVC,将数据的获...
阅读(77) 评论(0)

js中的隐式转换

js中的不同的数据类型之间的比较转换规则如下: 1. 对象和布尔值比较 对象和布尔值进行比较时,对象先转换为字符串,然后再转换为数字,布尔值直接转换为数字 [] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1,所以为false 2. 对象和字符串比较 对象和字符串进行比较时,对象转换为字符串,然后两者进行比较。 [1,...
阅读(57) 评论(0)

Javascript中的prototype和__proto__的理解

一、联系 prototype和__proto__都指向原型对象,任意一个函数(包括构造函数)都有一个prototype属性,指向该函数的原型对象,同样任意一个构造函数实例化的对象,都有一个__proto__属性(__proto__并非标准属性,ECMA-262第5版将该属性或指针称为[[Prototype]],可通过Object.getPrototypeOf()标准方法访问该属性),指向构造...
阅读(82) 评论(0)

写给前端新人:前端开发必会的25个知识点

1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效...
阅读(118) 评论(1)
    个人资料
    • 访问:1890次
    • 积分:61
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:6篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档