js代码

JS使png背景图片透明

亡梦爱人 提交于 2020-03-28 03:00:24
png图片有很好的品质,阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如在有颜色过渡背景上插入不规则边框的图片,带来极大和便利!   但目前IE中对于插入的透明背景的png的图片是不能正常显示的,IE会自动给".png"格式的图片加个灰色背景。解决这个的方法是增加javascript,具体方法有两种:   第一种:把下面的代码放在head区就可以解决问题了。 <script language="javascript"> function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle

js 去字符串空格的五种方法

ぐ巨炮叔叔 提交于 2020-03-28 00:20:29
第一种:循环检查替换 [javascript] //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String(" \t\n\r"); var str = new String(s); if (whitespace.indexOf(str.charAt(0)) != -1) { var j=0, i = str.length; while (j < i && whitespace.indexOf(str.charAt(j)) != -1){ j++; } str = str.substring(j, i); } return str; } //去掉右边的空白 www.2cto.com function trimRight(s){ if(s == null) return ""; var whitespace = new String(" \t\n\r"); var str = new String(s); if (whitespace.indexOf(str.charAt(str.length-1)) != -1){ var i = str

JS精美日历时间控件

不羁的心 提交于 2020-03-27 20:52:28
1、完整日历时间控件 <script> var bMoveable=true; var strFrame; document.writeln('<iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: absolute; z-index: 9998; display: none"></iframe>'); strFrame='<style>'; strFrame+='INPUT.button{BORDER-RIGHT: #63A3E9 1px solid;BORDER-TOP: #63A3E9 1px solid;BORDER-LEFT: #63A3E9 1px solid;'; strFrame+='BORDER-BOTTOM: #63A3E9 1px solid;BACKGROUND-COLOR: #63A3E9;font-family:宋体;}'; strFrame+='TD{FONT-SIZE: 9pt;font-family:宋体;}'; strFrame+='</style>'; strFrame+='<scr' + 'ipt>'; strFrame+='var datelayerx,datelayery;'; strFrame+='var bDrag;'; strFrame+

JS打印

假装没事ソ 提交于 2020-03-27 19:05:57
<html><head><title>javascript打印-打印页面设置-打印预览代码</title> <meta http-equiv=content-type content="text/html; charset=gb2312" /> <script language=javascript> function printsetup(){ // 打印页面设置 wb.execwb(8,1); } function printpreview(){ // 打印页面预览 wb.execwb(7,1); } function printit() { if (confirm('确定打印吗?')) { wb.execwb(6,6) } } </script> </head> <body> <div align=center> <object id=wb height=0 width=0 classid=clsid:8856f961-340a-11d0-a96b-00c04fd705a2 name=wb></object> <input onclick=javascript:printit() type=button value=打印 name=button_print /> <input onclick=javascript:printsetup(); type=button value

VS Code创建 JavaScript 运行环境

依然范特西╮ 提交于 2020-03-27 14:12:15
由于 VS Code 天然支持 JS, 所以上手很简单。 一些插件 coder runner: 本地运行各种代码 color Highlight: 高亮 copy md as HTML: 将 md 转化为 html ES7/ES6: EcmaScript 语法纠错 调试 JS 写好代码后 F5 进入调试,可以看到执行栈/任务队列的信息。 来源: https://www.cnblogs.com/Zbhoter/p/12580488.html

js实现HTML标题栏中新消息提示效果

陌路散爱 提交于 2020-03-27 13:13:56
js页面新消息提示 多加了一个变量isusing,默认值为false,判断是否是newMessageRemind.show()是否已运行,如果运行,不提示,否则提示。 点击document时取消提示。 <!DOCTYPE html> <html> <head> <title>js页面新消息提示</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <input id="test" type="button" value="确定" /> <script> var isusing = false; var newMessageRemind={ _step: 0, _title: document.title, _timer: null, //显示新消息提示 show:function(){ var temps = newMessageRemind._title.replace("【   】", "").replace("【新消息】", ""); newMessageRemind._timer = setTimeout(function() { newMessageRemind.show(); newMessageRemind._step++; if

js如何将纯数字字符串转换为long型

随声附和 提交于 2020-03-27 12:55:21
1.js如何将纯数字字符串转换为long型? js 中 int的存储位数?最大十进制数表示是多少? 精度 http://www.jb51.net/article/59808.htm 整数(不使用小数点或指数计数法)最多为 15 位。 小数的最大位数是 17,但是浮点运算并不总是 100% 准确 http://www.cnblogs.com/snandy/p/4943138.html 对于整数,前端出现问题的几率可能比较低,毕竟很少有业务需要需要用到超大整数,只要运算结果不超过 Math.pow(2, 53) 就不会丢失精度。 对于小数,前端出现问题的几率还是很多的,尤其在一些电商网站涉及到金额等数据。解决方式:把小数放到位整数(乘倍数),再缩小回原来倍数(除倍数) 大整数的精度丢失和浮点数本质上是一样的,尾数位最大是 52 位,因此 JS 中能精准表示的最大整数是 Math.pow(2, 53),十进制即 9007199254740992。 另外: http://www.jb51.net/article/35892.htm //------------------------------解决办法 ---------------------------------------------// http://xzllff.blog.51cto.com/3880098/831241

javascript 基础知识汇总

不问归期 提交于 2020-03-27 09:54:14
1、 在ES5中, 变量声明有两种方式,分别是var和function, var用于声明普通的变量,接收任意类型,function用于声明函数。另外ES6新增了let、const、import和class等声明方式,let用于声明普通变量(与var的区别在于拥有块级作用域,在作用域内不能重复声明),const用于声明静态变量,import用于声明模块,class用于声明类。 2、JS数据类型共有7种,分别是(1)数值Number、(2)字符串String、(3)布尔Boolean、(4)符号Symbol、(5)Null、(6)Undefined、(7)对象Object。其中Object是引用类型,其他都是原始类型,原始类型也成为基本类型或者是简单类型,因为其占用空间固定,是最简单的数据段,为了便于提升变量查询速度,将其存储在栈中(按值访问)。引用类型由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量的查询速度,因此其存储在堆中,存储在变量处的值是一个指针,指向存储对象的内存处(按址访问),对于引用类型的值,可以为其添加属性和方法,也可以改变和删除其属性和方法,但基本类型不可以添加属性和方法 3、javasrcipt可以通过typeof来判断原始数据类型,但不能判断引用类型,要知道引用类型的具体类型,可以通过Object原型上的toString来判断。 4

JS学习笔记:防止发生命名冲突

↘锁芯ラ 提交于 2020-03-27 06:51:31
为了防止发生命名冲突,可以建立自己的代码库。 就想 Js代码 ziggy_js=function(){} ziggy_js.ui=function(){} ziggy_js.ui.alerts=function(){} ziggy_js.ui.alerts.showErrorAlert=function(){ alert("An error occurred"); } ziggy_js.ui.alerts.showErrorAlert(); //以在其中定义类 ziggy_js.ui.alerts.messageDisplayer=function(inMsg){ this.msg=inMsg; this.toString=function(){ return "msg="+this.msg; } } var v=new ziggy_js.ui.alerts.messageDisplayer("hello"); alert(v); ziggy_js=function(){} ziggy_js.ui=function(){} ziggy_js.ui.alerts=function(){} ziggy_js.ui.alerts.showErrorAlert=function(){ alert("An error occurred"); } ziggy_js.ui.alerts

JavaScript在HTML中的应用

限于喜欢 提交于 2020-03-27 06:48:56
JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用在客户端。 特点: 1,交互性(它可以做的就是信息的动态交互) 2,安全性(不允许直接访问本地硬盘) 3,跨平台性(只要是可以解释JS的浏览器都可以执行,和平台无关) JavaScript与Java不同 1,JS是Netscape公司的产品,前身是LiveScript;Java是Sun公司的产品,现在是Oracle公司的产品 2,JS是基于对象,Java是面向对象 3,JS只需解释就可以执行,Java需要先编译成字节码文件,再执行 4,JS是弱类型,Java是强类型 JavaScript与Html的结合方式 想要将其他代码融入到Html中,都是以标签的形式。 1,JS代码存放在标签对<script> js code... </script>中。 2,当有多个html页面使用到相同的JS脚本时,可以将JS代码封装到一个文件中,只要在script标签的src属性引入一个JS文件。(方便后期维护、扩展) 注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行。 例:<script src="test.js" type="text/javascript"></script> 注:规范中script标签早期有一个属性language,而现在使用type属性。 JavaScript语法