JAVASCRIPT - 技术教程文章
JavaScript引用类型之RegExp类型(正则表达式)【代码】
ECMAScript中使用RegExp来支持正则表达式。使用下面类似Perl的语法,就可以创建一个正则表达式。var expression=/pattern/flags;如上代码:pattern ---pattern部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。falgs ---每个正则表达式都可带有一个或多个标志(flags),用于标明正则表达式的行为;以下是正则表达式的匹配模式所支持的3个标志:g : 表示全局模式,即模式将被应用于所...
javascript获取用户按了哪个键【代码】
浏览器好像不允许js获取F5这个键的按下事件,应该屏蔽了,这个键太过特殊,猜测可能是,防止用户失去对浏览器的控制?<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><meta charset="utf-8" /> </head> <body onkeypress="checkKey(event)">dsfsdfasdfasdfa<script type="text/javascript">function checkKey(event) {keynum = window.event ? event.keyCode...
JavaScript数字精度上代码。
/**不能超过 9007199254740992 * floatObj 包含加减乘除四个方法,能确保浮点数运算不丢失精度 * * 我们知道计算机编程语言里浮点数计算会存在精度丢失问题(或称舍入误差),其根本原因是二进制和实现位数限制有些数无法有限表示 * 以下是十进制小数对应的二进制表示 * 0.1 >> 0.0001 1001 1001 1001…(1001无限循环) * 0.2 >> 0.0011 0011 0011 0011…(0011无限循环) * 计算机里每种数据类型的存储是一个有限宽度,...
js页面跳转常用的几种方式_javascript技巧
第一种: 复制代码代码如下:<script language="javascript" type="text/javascript"> window.location.href="jb51.jsp?backurl="+window.location.href; </script> 第二种: 复制代码代码如下:<script language="javascript"> alert("返回"); window.history.back(-1); </script> 第三种: 复制代码代码如下:<script language="javascript"> window.navigate("jb51.jsp"); </script> 第四种: 复制代码代码如下:<script language="...
Javascript 字典应用实例【代码】
字典时一个很有用的工具,在之前C#项目中有经常使用,这篇博文主要讲解在Javascript中,字典的实际应用场景首先在JS中,是没有Dictionary‘类的,我们需要实现键值(KEY) -- 数值(VALUE)的对应关系,最好的办法就是用数组首先交代下背景,我需要根据数组里的站点编号,获取到对应的站点名称首先通过Thrift接口,获取到数据库里面的设备信息,通过Ajax传输到js页面,遍历数组PS : 数据结构如下:# 设备信息 struct Device{int i...
浅谈JavaScript闭包【代码】
仍记得刚来到公司的时候,老大跟我们说起原型链、闭包、MV*之类的东西,当时真的是一脸懵逼的样子啊哈哈 在公司做前端开发也差不多四个月了,每一天感觉都是很忙碌,都是忙着写业务代码或者自己在学习新东西,总感觉很多知识点在这样的状态下,匆匆忙忙就略过了,自己并没有真正理解掌握下来,还是要趁有时间还是把那些东西捡回来 先看一段JS代码:function a(){var num = 0;function b(){num++;console.log(num);}return b;}...
《JavaScript语言入门教程》记录整理:入门和数据类型【代码】
目录入门篇js介绍历史基本语法数据类型概述null 和 undefined数值字符串对象函数数组本系列基于阮一峰老师的《JavaScrip语言入门教程》或《JavaScript教程》记录整理,教程采用知识共享 署名-相同方式共享 3.0协议。这几乎是学习js最好的教程之一(去掉之一都不过分)最好的教程而阮一峰老师又采用开源方式共享出来,之所以重新记录一遍,一是强迫自己重新认真读一遍学一遍;二是对其中知识点有个自己的记录,加深自己的理解;三是感...
通过JavaScript原型链理解基于原型的编程【代码】
零.此文动机 用了一段时间的Lua,用惯了Java C++等有Class关键字的语言,一直对Lua的中的面向对象技术感到费解,一个开源的objectlua更是看了n遍也没理解其中的原理,直到看到了Prototype-based programming一.什么是基于原型的编程基于原型的编程是面向对象编程的一种形式,通过复制已经存在的原型对象来实现面向对象,无与基于类的编程较大的区别是没有Class关键字,但是有类的概念。基于原型的编程也可以理解成基于实例的编程...
javascript模拟重力感应弹跳,做个不一样的登陆端口【代码】【图】
知识点:原生js动画效果 ,重力系统,弹跳算法, 迭代与递归, 动画序列, , 两种定时器配合使用, 循环判断注意事项 ,编程思想与解决方案思维。html代码: <div ><div><img src="images/1.jpg" width="100%" height="100%" alt="背景图"/></div><div><img src="images/2.jpg" width="100%" height="100%" alt="背景图"/></div><div><img src="images/3.jpg" width="100%" height="100%" alt="背景图"/></div> </div> <!--bg_wrap end...
浏览器端-W3School-JavaScript-Browser: Navigator 对象【图】
ylbtech-浏览器端-W3School-JavaScript-Browser: Navigator 对象 1.返回顶部1、Navigator 对象Navigator 对象Navigator 对象包含有关浏览器的信息。注释:没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。Navigator 对象集合集合描述plugins[]返回对文档中所有嵌入式对象的引用。该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的...
javascript --学习基础总结【代码】
闭包 下面是百度百科的解释: 闭包是指可以包含自由(未绑定到特定对象)变量的代码块;这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量)。 也就是说一个代码块中使用了自由变量var d=10;function df(){console.log(d);//这个时候d就是自由变量了 } 那下面来看一个简单的闭包的例子:let t1=(function d(){var dd=1;returnfunction(){return dd++;}; })();//立即执...
前端之JavaScript第一天学习(1)-JavaScript 简介【代码】【图】
javaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 很容易学习。JavaScript:写入 HTML 输出<!DOCTYPE html><html><body><p> JavaScript 能够直接写入 HTML 输出流中: <...
初识Javascript(一)【代码】
1、Javascript介绍<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>* {margin: 0;padding: 0;}</style><script>//如果script里面涉及到操作后面的元素,而又非得把script放在前面的话,需要加上: window.onload =function () {console.log("我是head里面的4");//这里再写代码(意思是:当整个页面加载完成之后,再执行这里的代码) }//一个页面中只能出现一次window.onloa...
Javascript常用
<script type="text/javascript"></script>页面加载后调用 1.window.onload=function(){} 图片完全加载之后提示 2.$(function(){}); 3.$(document).ready(function(){}); 浏览器窗口的内部高度 var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 浏览器窗口的内部宽度 var h=window.innerHeight || document.documentElement.cli...
JavaScript之包装对象【代码】
JavaScript对象是一种复合值:它是属性和已命名值的集合。通过"."符号来引用属性值。当属性值是一个函数时,称为方法。①一段你常用但却未必明白其真正底层原理的代码:var s = "hello world!"; var word = s.substring(s.indexOf(" ")+1,s.length); 如前面所说,这里变量s只是一个字符串原始类型,它怎么会有属性(s.length)和方法(s.indexOf()、s.substring())呢?没错,这正跟我们正要介绍的包装对象有关。原因是:只要...
JavaScript笔记十
1.正则表达式 - 语法: - 量词 {n} 正好n次 {m,n} m-n次 {m,} 至少m次 + 至少1次 {1,} ? 0次或1次 {0,1} * 0次或多次 {0,} - 转义字符 \ 在正则表达式中使用\作为转义字符 \. 表示. \\ 表示\ . 表示任意字符 \w - 相当于[A-z0-9_] \W - 相当于[^A-z0-9_] \d - 任意数字 \D - 除了数字 \s - 空格 \S - 除了空格 \b - 单词边界 \B - 除了单词边界 ^ 表示开始 $...
javaScript基础【代码】
目录javascript :引入方式:javaScript 语言基础:-- javaScript 中的所有事物都是对象数据类型:运算符流程控制函数函数作用域:词法分析:自定义对象:date对象JSON对象REGExp 对象(re正则)math对象javascript :--脚本语言, 插入 HTML 页面后,可由所有的现代浏览器执行。引入方式:#引入方式 : 1.script标签内部直接书写 <script> alert(123) </script> zgu 2.通过script标签src书写 引入外部js文件 <script src="js.js"></scrip...
JavaScript基础篇最全【代码】【图】
本章内容:简介定义注释引入文件变量运算符算术运算符比较运算符逻辑运算符数据类型数字字符串布尔类型数组Math语句条件语句(if、switch)循环语句(for、for in、while、do-while)label语句异常处理函数定义函数3种方式函数参数(arguments)作用域与作用链闭包面向对象(特性,构造模式,原型模式prototype)prototype 验证方法(isPrototypeOf、hasOwnProperty、in)其它序列化转义eval正则表达式时间处理 简介定义 javasc...
JavaScript中双等的使用情况【代码】
https://www.cnblogs.com/lvmylife/p/10067824.html1.判断一个对象的值是否存在var obj = {}; if(obj.a == null) {// todo } 2. 判断函数入参是否存在function (a, b) {if(a == null) {// todo} }原文:https://www.cnblogs.com/ganiner/p/11518517.html
javascript继承【代码】【图】
JavsScript中对象继承关系变得无关紧要,对于一个对象来说重要的是它能做什么,而不是它从哪里来。JavaScript提供了一套更为丰富的代码重用模式。它可以模拟那些基于类的模式,同时它也可以支持其他更具表现力的模式。JavaScript是一门基于原型的语言,这意味着对象直接从其他对象继承。一、伪类1、原理javascript原型机制:不直接让对象从其他对象继承,反而插入了一个多余的间接层:通过构造器函数产生对象。当一个函数对象被创建...
javascript 侧边栏一键分享移入移出效果【图】
运动框架:先要清除定时器,防止多次点击或者移入移出时,开启多个定时器,元素的运动会是所有定时器中运动的总和当达到目的时,要清除定时器(使用if/else 实现)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</tit...
JavaScript-Runoob:JavaScript 输出【代码】【图】
ylbtech-JavaScript-Runoob:JavaScript 输出 1.返回顶部1、JavaScript 输出JavaScript 没有任何打印或者输出的函数。JavaScript 显示数据JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。使用 window.alert()你可以弹出警告框来显示数据:实例<!DOCTYPE html><html><b...
两种动态加载JavaScript文件的方法【代码】【图】
两种动态加载JavaScript文件的方法第一种便是利用ajax方式,第二种是,动静创建一个script标签,配置其src属性,经过把script标签拔出到页面head来加载js,感乐趣的网友可以看下动态加载script到页面大约有俩方法 第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval()实施代码。第二种是,动静创建一个script标签,配置其src属性,经过把script标签插入到页面head来加载js,相当于正在head中写...
JavaScript-hash数组for in 函数【代码】
1什么是数组:内存中,连续存储多个数据的存储空间,再起一个名字为什么;2为什么:现实存储多个相关数据,都是集中存储,共同一个名字3 4 程序=数据结构+算法5好的数据结构可以极大的提高程序的执行效率6何时使用数组,今后只要连续存储多个相关的数据都要用数组7如何使用数组:8 9创建数组:3种 10一.创建空数组 11 1.创建空数组:var arr=[]; 12 2.用new: var arr=new Array(); 1314二.创建数组同时,初始化数组的数据: 15 1.数组直接...
JavaScript 实现页面中录音功能【代码】【图】
页面中实现录音需要使用浏览器提供的 Media?Recorder API,所以前提是需要浏览器支持 MediaStream Recording 相关的功能。以下代码默认工作在 Chrome 环境中。准备页面首先准备一个页面,其中内容很简单,两个按钮,一个用于录音,一个用于播放。<!DOCTYPE html> <htmllang="en"> <head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=...
推荐几款制作网页滚动动画的 JavaScript 库
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。 ScrollReveal.js ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好...
QML中的JavaScript用法详解
熟悉JavaScript的应该都了解Netscape公司,一代骄子虽然倒下了,却给后人留下了最为珍贵的产品和经验,在互联网发展史上享有举足轻重的地位,这里就不讲故事了,虽然很精彩,从未被磨灭。QML是对JavaScript的扩展,提供了JS主机环境,用法相似,但有些地方与浏览器/服务器端提供的JS主机环境(如Node.js)是不同的,用起来又有一些限制,下面列举一些常用的方法。1、QML文件中的JS表达式初始化时属性绑定——// Property.qmlimport...
第76天python JavaScript 正则表达式
学习要点:1、什么是正则表达式:是一个描述字符模式的对象。2、创建正则表达式:创建正则表达和创建字符串类似,创建正则表达式提供了两种方式,一种是采用new运算符,另一种是采用字面两方式var box=new RegExp(‘box‘,‘ig‘),//第一个参数数字字符串 第二个参数可选模式修饰符var box=/box/ig, 表达的意思:忽略大小写进行全局匹配3、测试正则表达式:RegExp对象包含两个方法:test()和excc(),功能基本相似,用于测试...
JavaScript显示隐藏DIV的IF语句示例【代码】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style> #bbs {display:;}</style><script>function displayHideUI(){var ui =document.getElementById("bbs");ui.style.display="none"; }functio...
【转】典型的JavaScript面试题【代码】
问题1: 作用域(Scope)1 (function() { 2 "use strict"; 3var a = b = 5; 4})(); 5 console.log(b); 控制台(console)会打印出什么?答案:上述代码会打印出5。这个问题的陷阱就是,在立即执行函数表达式(IIFE)中,有两个赋值,但是其中变量a使用关键词var来声明。这就意味着a是这个函数的局部变量。与此相反,b被分配给了全局作用域(译注:也就是全局变量)。这个问题另一个陷阱就是,在函数中没有使用”严格模式” (‘use...