hiuman
- 浏览: 53054 次
- 性别:
- 来自: 广州
-
文章列表
包括：
BOM概述
BOM模型
Window对象（常用属性和方法，窗口的打开，窗口的关闭，模态对话框，定时器）
Navigator对象（遍历navigator对象的所有属性，Navigator 对象集合，常用属性和方法）
Location对象（常用属性和方法）
History对象（常用属性和方法）
Screen对象（常用属性）
事件（事件概述，事件句柄，事件处理，阻止事件的默认行为，事件周期，事件的处理机制）
Event对象（事件对象的常用属性，获取event对象，使用event对象）
event对象 附录（事件句柄， 鼠标 / 键盘属性，IE 属性，标准 Event 属性，标准 Event 方 ...
包括：
JSON概述，
JSON语法规则，
使用JSON（JSON对象，JSON数组，JSON文档与对象的转换）
JSON应用
额外内容（PHP输出JSON数据，解析JSON字符串，客户端如何使用服务器JSON输出）
JSON概述：
JSON：JavaScript Object Notation，JavaScript对象表示法，原本是JavaScript中创建对象的一种语法。
现在，JSON已经从JavaScript中独立出来，作为一种独立的字符串数据表示法，被Java、C#、C++、PHP、OC等几乎所有主流语言所支持。
JSON作为一种轻量级的文本数据交换 ...
有用的网页：
http://www.angularjs.cn/A0a6
http://yuankeqiang.lofter.com/post/8de51_1454f93
http://www.myexception.cn/web/2077645.html
http://xlows.blog.51cto.com/5380484/1425445
<!DOCTYPE html>
<html ng-app="MainAPP">
<head>
<title></title>
<meta charset ...
（如有错敬请指点，以下是我工作中遇到并且解决的问题）
效果图：
未点击时：
点击后：
HTML代码：
<ul>
<li class="active">菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
<li>菜单4</li>
<li>菜单5</li>
<li>菜单6</li>
<li class=&quo ...
介绍：
1、hasClass：判断DOM元素是否存在类。
2、addClass：为的DOM元素添加类。
3、removeClass：删除DOM元素的类。
4、toggleClass：如果DOM元素存在(不存在)类，就删除(添加)类。
原生 JavaScript 实现的代码：
// 实现方法2：传入一个数组
function hasClass(obj, className) {
// obj是数组或伪数组
for(var i = 0,len = obj.length;i<len;i++){
if((' '+obj[i].className+ ...
（如有错敬请指点，以下是我工作中遇到并且解决的问题）
效果图：
点击各个菜单显示/隐藏，以及点击灰色部分隐藏。
比如点击了第一个菜单，然后点击第二个菜单，第一个菜单会隐藏，再显示第二个菜单，不会叠加。
html代码：
<div class="menu">
<div class="menu_type">
<span class="menu_title" onclick="showhide(1)">自助餐</span>
<div class ...
（如有错敬请指点，以下是我工作中遇到并且解决的问题）
效果图：
重点是把table设置为table-layout: fixed;
超出的文字隐藏的效果才有。
p标签超出的文字隐藏的效果不需要设置这个内容就可以有效果。
<table border="1">
<tbody>
<tr><td>1</td><td>fdsfsdafdsafsafdsfsdafdsafsafdsfsdafdsafsajghjgkghfjgfjgfjfgaa</td><td>1</t ...
（如有错敬请指点，以下是我工作中遇到并且解决的问题）
需要使用AngularJS动态给<input type="date" />赋值。
我使用的是ng-bind=""和ng-value=""，两个都没有出现想要的效果。
就百度了一下，以下是有用的信息：
http://www.myexception.cn/javascript/2044949.html
以下两个讲的是同样的原理：
http://stackoverflow.com/questions/29519607/how-to-bind-input-type-dat ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
[b]新版本更新：鼠标上下拖动选择内容：http://hiuman.iteye.com/blog/2353563[/b]
（如有错敬请指点，以下是我工作中遇到并且解决的问题）
一开始搜这个内容的时候，搜索结果基本都是不沾边的。
很多都是日历选择器，最接近的就是这两种。
一对比之下，自然是选右侧的，简洁大方，美观。
（图1是17素材里面找到的，图2好像是博客园）
然而，看了一眼它引入的js，就找到它的官网，搜mobiscroll即可。这个网站里面有很多很好的例子，有各式各样的选择。
恕我愚昧，我不会将这个插件和我的网页结合在一起，我就放弃了。（倒腾了一天T.T）
= = = = = = ...
JavaScript停止冒泡和阻止浏览器默认行为
事件兼容
function myfn(e){
var evt = e ? e:window.event;
}
js停止冒泡
function myfn(e){
window.event? window.event.cancelBubble = true : e.stopPropagation();
}
js阻止默认行为
function myfn(e){
window.event? window.event.returnValue = false : e.preventDefault() ...
该效果在京东里的图片有。
.img {
display:block;
position: relative;
width:800px;
height:450px;
margin:0 auto;
}
.img:before {
content: "";
position: absolute;
width:200px;
height: 100%;
top: 0;
left: -150px;
overflow: hidden;
background: -moz-linear-gradient(left, rgba(255 ...
(1)使用 jQuery 的话，同时绑定 oninput 和 onpropertychange 两个事件就可以了，代码：
$('#username').bind('input propertychange', function() {
$('#content').html($(this).val().length + ' characters');
});
(2)对于JS原生写法而言， oninput 是 HTML5 的标准事件，
对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变 ...
html代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
#container{
position:absolute;
...
（如有错敬请指点，以下是我工作中遇到并且解决的问题）上一篇文章是简洁版
这是上一篇文章的改进。
上一篇文章的左侧菜单是没有子目录的。
这是效果图：
左侧菜单代码：
<div class="left">
<ul class="left_main">
<li class="ma-li">
<p>生活常用</p>
<ul>
<li class="one-px-line"></li& ...