js小知识
1.重新声明js变量，变量值不丢失
2.background-color
使用jquery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样，IE中是以HEX格式显示【#ffff00】，而Chrome、Firefox中则是以GRB格式显示【rgb(255,255,0)】
var foreColor=$("#styleColor").css("background-color"); //rgb(251, 10, 10),chrome获取
console.log(foreColor.indexOf("xgb")); //-1
console.log(foreColor.indexOf("rgb")); //0
if(foreColor.indexOf("rgb")>=0){
var rgb = foreColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); //rgb = (4) ["rgb(251, 10, 10)", "251", "10", "10", index: 0, input: "rgb(251, 10, 10)"]
function hex(x) {
return ("0" + parseInt(x).toString(16)).slice(-2); //parseInt(x).toString(16),把数字转为16进制的形式的字符串;slice() 方法可从已有的数组中返回选定的元素。
}
rgb= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
console.log(rgb); //#fb0a0a
}
4.math()：存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。
1）
2）有全局标志g
var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g)) //1,2,3
5.<a href=""http://www.w3school.com.cn/html/"></a>
请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。
6.换行
var result = data.replace(/\r\n/g,"<br/>");//替换字符串中的换行符
$("#outputResult").html(result);//HTML不显示字符串中的空格、换行
7.添加元素
若直接写在<body>里，被掩盖的话，可尝试在js文件中采用添加元素的方式
var printtitle=document.createElement("div");
printtitle.className="printtitle";
$("#div_printmap").append(printtitle);
$(printtitle).css("z-index",9999);
8.Camel 标记法
当使用jQuery 时，有时需使用 Camel 标记法（“骆驼拼写法”）书写属性名。
9.valueOf()
返回最适合该对象的原始值。
var bool = new Boolean(0);
var myvar = bool.valueOf(); //false
10。undefined
当声明的变量未初始化时，该变量的默认值是 undefined。
var oTemp;
11.运算符
2SUEDB{@R1`EZADN3]O.png)
js小知识的更多相关文章
- 第24篇 js小知识和“坑”
前面说了说了js的相关知识,基本上除了语法外,把项目常用的知识做了一个梳理,现在说下js的其它方面的知识,这些知识不成体系,属于不理解对于一般开发没什么太多影响,但如果理解清楚,可以更好去开发. js ...
- 零散的JS和node.js小知识
JS的连续赋值和曾经出现的怪异情况 let a=1; let b=a=3; 如上的真实赋值过程 => a=1 => a=3 => b=3 => 一般来说,等号是从右向左赋值的 ...
- javascript实用技巧，js小知识
一.js整数的操作 使用|0和~~可以将浮点转成整型且效率方面要比同类的parseInt,Math.round 要快,在处理像素及动画位移等效果的时候会很有用.性能比较见此. var foo = (1 ...
- js 小知识
在iframe 页面获取父级页面的 html var obj = window.parent.document.getElementById('modaliframe'); 解决Jquery 的在一个 ...
- 看到的一些js小知识
向数组结尾添加元素高效方法: var arr = [1,2,3]; arr[arr.length] = 4 头部: var a = [1,2,3]; a.concat(4,5); // 1,2,3,4 ...
- angular.js小知识总结
angular-watch.html 代码如下: <script> var app = angular.module('app',[]); app.controller('ctrl',fu ...
- js小知识-数组去重
查看zepto源码时,看到它的数组去重写法非常简单.下面是代码 var uq = function(array){ return [].filter.call(array,function(item, ...
- 常用JS小知识汇总
1 上传图片:html代码 <input id="image" type='file' name='myFile' size='15' onchange="show ...
- js小知识 正则表达
js定义正则表达式有两种方式:普通方式,构造函数方式 正则对象是js的内置对象 正则的属性 正则的方法 js中字符串的方法 一.普通方式(双斜杠//方式):var reg = /表达式/附加参数 表 ...
随机推荐
- 背水一战 Windows 10 (67) - 控件（控件基类）: DependencyObject - CoreDispatcher, 依赖属性的设置与获取, 依赖属性的变化回调
[源码下载] 背水一战 Windows 10 (67) - 控件(控件基类): DependencyObject - CoreDispatcher, 依赖属性的设置与获取, 依赖属性的变化回调 作者: ...
- java之LinkedList详细介绍
1 LinkedList介绍 LinkedList简介 LinkedList 是一个继承于AbstractSequentialList的双向链表.它也可以被当作堆栈.队列或双端队列进行操作.Linke ...
- 【Fiddler学习】Fiddler教程，比较经典全面（转）
简介 Fiddler(中文名称:小提琴)是一个HTTP的调试代理,以代理服务器的方式,监听系统的Http网络数据流动,Fiddler可以也可以让你检查所有的HTTP通讯,设置断点,以及Fiddle所有 ...
- Baidu WebUploader 前端文件上传组件的使用
简介 WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流I ...
- go连接mysql
package main import ( "database/sql" "fmt" _ "github.com/go-sql-driver/mysq ...
- ubuntu 16.04 搭建git小型服务器
最近搭建了一个小型git服务器,由于网上资料鱼龙混杂,让我着实踩了不少地雷.做一个记录,以备不时之需. 一 搞清楚你的需求? 假如你要搭建的服务器只供几十个人使用,并且没有专门的网管服务的话,切记,一 ...
- docker 中ulimit设置理解
背景: 在k8s上跑es集群碰到的问题 OS版本 红旗4.5(基于centos6.8 内核) Docker:1.17.02 现象: 本次出现的问题现象:es pod启动失败,一直报max file d ...
- .NET 构造DataTable返回多个json值
有时候我们使用Ajax链接一般处理程序需要返回多个值,然而这些数据并非在一个查询表内,此时便想到构造一个虚拟的DataTable,这样就可以返回多个值了(当然有很多办法,这是其中一种 ). 首先我们需 ...
- appium键盘事件
driver.pressKeyEvent(66); 附录 keycode 电话键 KEYCODE_CALL 拨号键 5KEYCODE_ENDCALL 挂机键 6KEYCODE_HOME 按键Home ...
- [原]ZolltyMVC框架简介
ZolltyMVC框架是一款轻量级的Java应用编程框架(Java Application Framework),融合了常用的IOC/DI.MVC(注解.XML配置式.RESTful风格.模型驱动.视 ...