PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档标签: js

js选择class.

function getElementsByClassName(classname,node){    var results = [];      var elems = document.getElementsByTagName(node);    var j = 0;      for (var i=0;i...
此文被围观601次  分类: 前端设计 标签:  ···

js显示隐藏.

function toggleCustomizeMenu(id) {    var ele = document.getElementById('customize_'+id);    /*try {*/      if (ele){        if (ele.style.display == 'none'){          getElementsByClassName('customize_menu', 'div');       ...
此文被围观559次  分类: 前端设计 标签:  ··

html页面js撒金币实例.

移动端html撒金币,js撒金币<!doctype html> <html> <head> <meta charset="utf-8"> <title>摇一摇撒金币</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" /> <style> body{margin:0;padding:0;} input{position:absolute;z-index:1000} canvas{position:absolute;top:0;left:0;} </style> <script> ...
此文被围观1005次  分类: 前端设计 标签:  ······

解决CSS3 Media Queries兼容问题制作响应式页面.

文章来源:http://www.bjishu.com/using-ie-css3htc-make-compatible-response-page ‍‍在“实现网站自适应的切实方法–实战总结”中我介绍了使用js和css实现响应式布局的具体实现方法,本文我详细介绍一下如何让低版本ie支持css3屏幕判断,并实现自适应布局的方法。‍‍‍‍1、解决兼容性问题  (1)页面最顶部必须定义:<!DOCTYPE html>(2)点击:下载 respond.js 文件(3)引入<script src="respond.js"></script>;respond.js必须在样式表之后引用(4)页面必须在服务器环境中运行,直接打开用不了2、使用css3判断窗口大小设置不同样式: 举个例子:/*宽度小于500px时;背景为红色*/@media screen and (max-width:500px){body{background:red;}} /*宽度在500px-80...
此文被围观1202次  分类: 前端设计 标签:  ···

js parse_url函数功能.

<script>function parseURL(url) {    var a =  document.createElement('a');    a.href = url;    return {        source: url,        protocol: a.protocol.replace(':',''),        host: a.hostname,        port: a.port,        query: a.search,        param...
此文被围观2357次  分类: 前端设计 标签:  ···

JS正则表达获取URL参数值.

‍‍var url = "http://127.0.0.1/e/action/ShowInfo.php?classid=9&id=2";//定义变量 function parse_url(_url){ //定义函数  var pattern = /(\w+)=(\w+)/ig;//定义正则表达式  var parames = {};//定义数组  url.replace(pattern, function(a, b, c){   parames[b] = c;  });  /*这是最关键的.当replace匹配到classid=9时.那么就用执行function(a,b,c);其中a的值为:classid=9,b的值为classid,c的值为9;(这是反向引用.因为在定义正则表达...
此文被围观1288次  分类: 前端设计 标签:  ···

js 获取文本焦点,js将焦点置于文本最后.

js 获取文本焦点,js将焦点置于文本最后function moveEnd(obj) { obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character', len); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { obj.selectio...
此文被围观1637次  分类: 前端设计 标签:  ···

hasOwnProperty ie8,javascript中的类型检测,js中的hasOwnProperty和isPrototypeOf方法.

今天客户反映说有一个js在IE8下出现错误,打开一看才知道是 hasOwnProperty判断不在IE下不支持以方法。解决方法:‍‍hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。if(object.hasOwnProperty("related")){}; //针对非DOM对象if("hasOwnProperty" in object && object.hasOwnProperty("related")){}; //不确定是否为DOM对象时 调用DOM对象的hasOwnProperty方法之前应先检测其是否存在!若已经知道对象不是DOM则可省略检测存在。‍‍...
此文被围观2681次  分类: 前端设计 标签:  ······

js获取元素索引的函数.

function returnIndex(n,val) {         var classElements = [],allElements = document.getElementsByTagName('input');//所有div         var l = 0;         for (var i=0; i< allElements.length; i++ )         {    &nbs...
此文被围观3006次  分类: 前端设计 标签:  ····

JS代码的window.location属性详解.

如果你稍微懂一些JS代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址:window.location.href = window.location.href;好吧,我告诉你,这样弱掉了。其实原生 JavaScript 真是什么都有。window.location 对象所包含的属性属性 描述hash 从井号 (#) 开始的 URL(锚)host 主机名和当前 URL 的端口号hostname 当前 URL 的主机名href 完整的 URLpathname 当前 URL 的路径部分port 当前 URL 的端口号protocol 当前 URL 的协议search 从问号 (?) 开始的 URL(查询部分)window.location.hash要使用 JS 定位锚点,完全可以使用 window.hash 配合元素 ID 完成。比如快速定位到页面的某条评论,则直接使用如下代码即可:window.location.hash= "#comme...
此文被围观1332次  分类: 前端设计 标签:  ·····

js判断字符串是否json格式,判断json格式.

js判断字符串是否json格式/***  * 判断返回是否json格式  */ isJson = function(obj){     var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;     return isjson; } if (!isJson(data)) data = eval('('+data+')');//将字符串转换成j...
此文被围观6001次  分类: 前端设计 标签:  ·····

js兼容获取浏览器的高度.

js兼容获取浏览器的高度、js兼容获取浏览器的宽度//获取窗口宽度 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;//获取窗口高度 var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;...
此文被围观2439次  分类: 前端设计 标签:  ····

js获取时间戳.

js获取时间戳  new Date().getTime()...
此文被围观2808次  分类: 前端设计 标签:  ···

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.