BOM: 浏览器对象模型1.如何检测浏览器类型2. 拆分url各部分部分属性:navigator: 浏览器信息screen : 屏幕属性location : 地址栏信息history: 前进后退 location:2. location.protocol // 协议 http等 location.host // 域名 location.path // 需要查找的路径 location.search // 需要查找的 ,如"?cid=99&a=b" location.hash // ‘#mid=100‘ location.href // 整个URL 地址 通过location.href 可...
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>JS拖拽</title> <style> *{padding: 0; margin: 0; } .box{width: 100px;height: 100px;background: blue;position: absolute; } </style> <script src="jquery.min.js"></script> <script> var isDown = false; var ObjLeft, ObjTop, posX, posY, obj,offse...
图标网站 http://fontawesome.io/icon<i class="fa fa-sort" aria-hidden="true"></i>3.21函数 匿名函数 自执行函数 创建函数并自动执行 (function(arg){ 形参 console.log(arg); })(1) 实参序列化 字符串变数 JSON.stringify() 序列化 从一个对象解析出字符串 JSON.parse() 反序化 字符串中解析出json对象转义- encodeURI( ) URI中的转义字符- ...
事件监听var son = document.querySelector(".son");son.addEventListener(‘click‘, once1);function once1() {alert(1)}son.addEventListener(‘click‘, once2);function once2() {alert(2)}原文:https://www.cnblogs.com/EternalZH/p/10395051.html
<script>var m = {com: { sao: {citi:{}}}};m.com.sao.citi.init = newfunction() {this.name = "roboce";this.callname = function() {console.log(this.name);};this.haha = function() {callname(); // this.callname(); };};function callname() {console.log("mmmm");}m.com.sao.citi.init.haha(); </script> 原文:http://www.cnblogs.com/daishuguang/p/4266042.html
原文:JavaScript下的setTimeout(fn,0)意味着什么? 近期在研究异步编程的我对于setTimeout之类的东西异常敏感。在SegmentFault上看到了一个问题《关于SetTimeout时间设为0时》:提问者读了一篇文章,原文解释setTimeout延迟时间为0时会发生的事情,提问者提出了几个文章中的几个疑点。读了那篇文章之后发现原文的作者对于setTimeout的理解和自己的认知有点出入,于是编写了相关测试的代码以求答案。最终编写了这篇文章。 本文内容如...
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com"> <meta name="copyright" content="智能社 - zhinengshe.com"> <title>智能社 - www.zhinengshe.com</title> <style> * { margin:0; padding:0; } .box {position:relative; width:200px; margin:50px auto;} .box span { position:absolute; top:0; left:5px; height:40px; line-height:40px; color:#999; } #inp1,...
Ext JS组件,对于Ext JS开发人员来说,应当不会陌生,毕竟做开发,都必须与它打交道。对于这样一个大家都熟悉的东西,为什么要用一个专题的形式来写呢?是否有这方面的需要?还不如去写点使用技巧?确实,组件是可能是大家相当熟悉的东西了,但是,在使用中,大家是否在使用组件过程中或多或少都碰到一些臭虫或其他问题,从而花费不少力气去解决这 些问题呢?是什么原因造成这些问题,又该遵循什么思路去解决这些问题呢?本系列的文...
[文章系摘自网络,看到有用记录在博客,同时共享给大家]原链接:http://www.2cto.com/kf/201409/335383.html方式1,splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 Array[0],空数组,即被清空了 方式2,length赋值为0这种方式很有意思,其它语言如Java,其数组的length是只读的,不能被赋值。如1int[] ary = {1,2,3,4}; ary.length = 0;Java中会报错,编译通不过。而JS中则可以,且将数组清空...
一行神奇的JS代码,是在一个博客园里面看到的,当时我就震惊了,这不就是传说中的ZB神奇么… … 哈哈(果断转载过来)。写本篇文章的缘由是之前群里@墨尘发了一段js代码,如下:(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]]然后让大家运行,出来的结果让人有点出乎意料,请看:&lt;img class="alignnone" src="/upload/getfiles/default/2022/11/8/20221108042120136.jpg" /&gt;&lt;img class...
javascript是种脚本语言,浏览器下载到哪儿就会运行到哪儿,这样的特性会为编程提供方便,但也easy使程序过于凌乱。支离破碎。js从功能上能够分为两大部分——框架部分和应用部分,框架部分提供的是对js代码的组织作用。包含定义全局变量、命名空间方法等,每一个页面都会有同样或相似的框架。应用部分提供的是页面功能逻辑。不同页面会有不同的功能,不同页面应用部分的代码也不尽同样。给应用部分的js代码一个统一的入口。即:<s...
Math对象为数学常量和函数提供属性和方法。与其他全局对象不同,Math不是构造函数。Math的所有属性和方法都是静态的,可以通过将Math作为对象来调用,而无需创建它。本文主要介绍JavaScript(JS) Math.tan( x ) 方法。原文地址:JavaScript(JS) Math.tan( x ) 原文:https://www.cnblogs.com/levizhong/p/15310883.html
<HTML><SCRIPT>parent.moveTo((screen.width-775)/2,(screen.height-540)/2);parent.resizeTo(775,540)</SCRIPT><HEAD><META NAME="Title" CONTENT="JScript Simple Tetris"><TITLE>CSS+js打造的网页版俄罗斯方块游戏丨石家庄展柜-石家庄网络公司</TITLE><style>body {margin:0;background:black;font-size:9pt}td {height:20;width:20;font-size:9pt}#block_div {position:absolute;z-index:1;width:80;font-size:9pt}#table_div ...
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>carousel</title> 6<style type="text/css"> 7 *{margin: 0;padding: 0;text-decoration: none;} 8 body{padding: 20px;} 9 #container{width: 384px;height: 216px;border: 3px solid #333;overflow: hidden;position: relative;} 10 #list{width: 2688px;height: 216px;position: absolute;z-index: 1;} 11 #list img{float...
// 策略模式var validataRules = {‘minLeng‘ :function(val, length, msg) {if (val && val.length > 6) {return msg}},‘isMobile‘: function(val, msg){if (!/(^1[3|5|8][0-9]{9}$)/.test(val)){return msg}},‘isCardId‘: function(val, msg){if (!/(^[1-9][1-9]{17}$)/.test(val)){return msg}},isNonEmpty: function (val, msg) {if (val === ‘‘) {return msg;}}}var validata = function () {this.item = []}validata....