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 = /表达式/附加参数 表 ...
随机推荐
- 微服务应用新趋势：Service Mesh、AIOps和中台化
微服务技术由于天生支持快速迭代.弹性扩展的特点,使企业能够在不确定性下提升发展速度及抗风险能力,受到了越来越多的关注.当前,云服务商纷纷试水微服务产品,最为典型的,当属推出轻舟微服务平台.剑指整个微服 ...
- Learning WCF：Fault Handling
There are two types of Execptions which can be throwed from the WCF service. They are Application ex ...
- java之LinkedList详细介绍
1 LinkedList介绍 LinkedList简介 LinkedList 是一个继承于AbstractSequentialList的双向链表.它也可以被当作堆栈.队列或双端队列进行操作.Linke ...
- SSD报告 - QRadar远程命令执行
SSD报告 - QRadar远程命令执行 漏洞摘要 QRadar中的多个漏洞允许远程未经身份验证的攻击者使产品执行任意命令.每个漏洞本身并不像链接那么强大 - 这允许用户从未经身份验证的访问更改为经过 ...
- OpenCL科普及在ubuntu 16.04 LTS上的安装
OpenCL(Open Computing Language,开放计算语言)是一个为异构平台编写程序的框架,此异构平台可由CPU.GPU.DSP.FPGA或其他类型的处理器與硬體加速器所组成.Open ...
- python实现桶排序算法
桶排序算法也是一种可以以线性期望时间运行的算法,该算法的原理是将数组分到有限数量的桶里,每个桶再分别排序. 它的算法流程如下所示: 设置一个定量的数组当作空桶子. 寻访序列,并且把项目一个一个放到对应 ...
- 12-部署EFK插件
配置和安装 EFK 官方文件目录:cluster/addons/fluentd-elasticsearch $ ls *.yaml es-controller.yaml es-service.yaml ...
- iptables防DDOS攻击和CC攻击设置
防范DDOS攻击脚本 #防止SYN攻击 轻量级预防 iptables -N syn-flood iptables -A INPUT -p tcp --syn -j syn-flood iptables ...
- 1. Spring 框架简介及官方压缩包目录
一.Spring 框架简介及官方压缩包目录介绍 1.主要发明者:Rod Johnson 2.轮子理论推崇者: 2.1 轮子理论:不用重复发明轮子. 2.2 IT 行业:直接使用写好的代 ...
- 使用webpack将es6 es7转换成es2015
第一步:安装模块化包 cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react 第二 ...