javascript 日常

【javascript 日常】的更多相关文章

JavaScript日常学习2

JavaScript 数据类型字符串(String).数字(Number).布尔(Boolean).数组(Array).对象(Object).空(Null).未定义(Undefined). eg:var variable_name="JavaScript日常学习2" //字符串 var variable_name=3.14 //小数 var variable_name=3 //整数 var variable_name=true //布…

javascript 日常总结

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table onselectstart="return false" 禁止选中文本 ondragstart="return false" 禁止图片拖拽 2. 取消选取.防止复制 <…

Javascript日常编码中的一些常见问题

一.尽量少用全局变量这是一个疑问最少,同时流传最广的一条.Javascript使用函数管理作用域,全局变量最大的问题在于同名变量冲突.这种隐患产生比较直接的两个原因就是Javascript语言的特性造成的,即变量不用声明就可以直接使用以及变量不通过var直接使用则默认定义为全局变量. function fun(){ var a=b=0; //a是局部变量,b是全局变量 } 二.变量释放时是有副作用的在Javascript中你可以通过delete操作将对象属性删除或者说撤销.使…

JavaScript日常学习3

JavaScript函数函数就是包裹在花括号中的代码块,前面使用了关键词 function: function functionname() {执行代码} function myFunction(var1,var2) //带形参{代码} HTML5调用:onclick="functionname()" //不带实参 onclick="functionname(argument1,argument2)&quo…

JavaScript日常学习1

您会经常看到 document.getElementById("id"). 这个方法是 HTML DOM 中定义的. DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准. 格式<script> 那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript". 现在已经不必这样做了. JavaScript 是所有现代浏览器以及 HTML5 中的…

JavaScript日常学习6

JavaScript的运算符.比较符.条件语句.循环语句.跳出循环(break.continue).标签 JavaScript的运算符.比较符.条件语句.循环语句.跳出循环(break.continue).标都跟Java一致 JavaScript 算术运算符算术运算符用于执行变量与或值之间的算术运算,下面的表格解释了这些算术运算符: 运算符描述例子 x 运算结果 y 运算结果 + 加法 x=y+2 7 5 - 减法 x=y-2 3 5 * 乘法 x=y*2 10 5 / 除法 x=y…

JavaScript日常学习5

JavaScript字符串属性和方法 eg :var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var sln = txt.length; 字符串属性属性描述 constructor 返回创建字符串属性的函数 length 返回字符串的长度 prototype 允许您向对象添加属性和方法字符串方法方法描述 charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连…

JavaScript日常学习4

JavaScript事件 1.<button id="btn1" onclick="document.getElementById("btn1").innerText=Date();">现在的时间是?</button> 2.<button onclick="this.innerHTML=Date()">现在的时间是?</button> 3.<button id="…

javascript日常总结

如何去除掉inline-block元素之间的默认间距前几天写一个页面 1 2 3 4 div{width:900px;} div li{ display:inline-block; width:300px;} 1 1 1 发现宽度为900px的div居然放不下3个宽度为300px的内联元素li,只好改用了float:left来布局.后来上网一查,才知道inline-block是有默认间距的,默认间距为4px,并且inline也是有默认间距.现在就来盘点一些解决inline-block元素和in…

JavaScript日常会跳的坑系列（二）

1.Number()将部分非数字类型转换为0 强制转换为数值类型函数: parseFloat.parseInt 优点:对非数值类型统一返回NaN 缺点:会将一部分符合数值类型的字符串也识别为数值 parseFloat("1")//1 parseFloat("1s")//1,不是想要的 parseFloat(null)//NaN parseFloat(undefined)//NaN parseFloat("")//NaN Number 优点:对于字…

$('#code').bind('keypress', function (e) { //绑定回车处理 ) { console.log($("#code")); } }); $.ajax({ url: "@Url.Action("Data")", type: "Post", data: { }, dataType: "json", success: function (data) { app.tableDa…

9个JavaScript日常开发小技巧

1.生成指定范围的数字在某些情况下,我们会创建一个处在两个数之间的数组.假设我们要判断某人的生日是否在某个范围的年份内,那么下面是实现它的一个很简单的方法 1 2 3 4 5 6 let start = 1900, end = 2000; [...new Array(end + 1).keys()].slice(start); // [ 1900, 1901, ..., 2000] // 还有这种方式,但对于很的范围就不太稳定 Array.from({ length: end - star…

Javascript中递归造成的堆栈溢出及解决方案

关于堆栈的溢出问题,在Javascript日常开发中很常见,Google了下,相关问题还是比较多的.本文旨在描述如何解决此类问题. 首先看一个实例(当然你可以使用更容易的方式实现,这里我们仅探讨递归): function isEven (num) { if (num === 0) { return true; } if (num === 1) { return false; } return isEven(Math.abs(num) - 2); } //Outputs: true console…

大量Javascript/JQuery学习教程电子书合集

［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实…

［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实战详解.pdf 84.29 MB Ajax实战中文版.pdf 2.48 MB Aj…

【推荐分享】大量JavaScript/jQuery电子书籍教程pdf合集下载

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实战详解.pdf 84.29 MB Ajax实战中文版.pdf 2.48 MB Aj…

layui 左侧三级菜单栏

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>.Net海</title> <link href="~/l…

JavaScript中常用的正则表达式日常整理(全)

//校验是否全由数字组成 ? 1 2 3 4 5 6 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行…

javaScript 中的一些日常用法总结

从今天开始把开发中常用到的js语法一一记录下来方便以后复习回顾用: 1:对字符串进行替换 replace 以及 replaceAll replace : var begin_date =begin.replace("-",""); replaceAll: var begin_date =begin.replaceAll("-",""); 总结 replace 只能替换第一个匹配的元素如果要全部替换则可以使用 rep…

javascript的日常代码

1. 直接输出文字: document.write("<显示的类型>显示文字</类型>"); <script>document.write("<h1>This is a heading</h1>"); //This is a heading以h标题字形式显示document.write("<p>This is a paragraph.</p>"…

日常捕获的野生知识 - javascript 与类

javascript 并不提供类这样方便实用的面向对象类型,今天学习到了,直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> Demo Js_Class </title> <script type="text/javascript" charset="utf…

日常捕获的野生知识 - javascript获取屏幕大小

刚刚接触JavaScript,涉及到 document , window 的一些基本知识不是很了解,今天为了一个屏幕大小折腾了半天,幸好找到了很好的例子学习. 代码如下: <html> <script> function al(){ document.write( "屏幕分辨率为:"+screen.width+"*"+screen.height //最好是window.screen +"<br />"+ &qu…

JavaScript 经典实例日常收集整理(常用经典)

作者:阿讯小飞原文来自:脚本之家跨浏览器添加事件 //跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj.attchEvent('on'+type,fn); } } 跨浏览器移除事件 //跨浏览器移除事件 function removeEvent(obj,type,fn…

JavaScript中面向对象的三大特性（一个菜鸟的不正经日常）

经过几天的学习,把jQuery给啃会了,但是运用的还不算特别熟练,总感觉自己在JavaScript方面的基础十分欠缺,所以继续拾起JavaScript,开始更好的编程之旅~ 今天学的是JavaScript中面向对象的三大特性 1 . 抽象性在JavaScript中的抽象性我感觉并不像其他的语言那样,个人的理解是如果需要一个对象描述数据,则需要抽取这个对象的核心数据,即: 1.1 提出需要的数据的核心属性和方法 1.2 不在特定的环境下无法明确对象的具体意义 2 . 封装性将数据和方法(功能)…

JavaScript 之日常积累

1. <a>标签"加入收藏",兼容IE,FireFox等 function bookmarksite() { if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(document.title, window.location.href, ''); } else if (window.external && ('AddFavorite' in window.exte…

（JavaScript基础向）日常小发现：forEach等函数的第二个参数的用法

forEach函数用得平时用得比较多,但是从来没想到forEach函数还有第二个参数. 这里是菜鸟教程对forEach函数的详细说明:forEach的详细说明. 如上图,forEach函数有第二个参数 thisValue. 简单点来说,就是我们可以直接使用第二个参数来指定函数里的this的值,而不需要使用箭头函数或者在外面定义var that = this;等操作. 测试代码: var obj = { name: "小明", say: function() { console.log(…

前端日常工作中常用开发小技巧 ---JavaScript

1.格式化金钱值 const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); const money = ThousandNum(20190214); // money => "20,190,214" 2.取整代替正数的 Math.floor(),代替负数的 Math.ceil() const num1 = ~~ 1.69; const num2 =…

读书笔记：JavaScript DOM 编程艺术（第二版）

读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Netscape公司与Sun公司合作开发,在JavaScript之前,web浏览器只是显示文本文档的软件,JavaScript之后,网页内容不再局限于枯燥的文本,交互性显著改善.在JavaScript的第一个版本,即JavaScript 1.0版本,出现在1995年推出的Netscape Navigator…

探真无阻塞加载javascript脚本技术，我们会发现很多意想不到的秘密

下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求下面是firefox: 下面是chrome: 在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问百度首页的情景. 在firefox的请求瀑布图里有个表现非常之明显:就是javascript文件下载完毕后,有一段时间是没有网络请求被处理的,这段时间过后http请求才会接着执行,这段空闲时间就是所谓的http请求被阻塞. 浏览器里的http请求被阻塞一般都是由javascript所引起,具体原因是…

理解JavaScript中的“this”

对于javascript的初学者来说,一般对“this”关键字都感到非常迷惑.本文的目的旨在让你全面的了解“this”,理解在每一个情景下如何使用“this”,希望通过本文,可以帮助同学们不在害怕“this”!! 从生活中发现其实“this”就是我们平时用的一个代词.打个简单的比喻: “小豆豆是一个很幽默的人,他非常喜欢看<暴走漫画>” 但是你也可以这样写: “小豆豆是一个很幽默的人,小豆豆非常喜欢看<暴走漫画>” 但是日常生活中我们会一直用这种方式来描述一个人吗?如果你的回答是…