JavaScript
Z_DZ
这个作者很懒,什么都没留下…
展开
-
利用滚动条实现div显示和隐藏
$(function(){ $(window).scroll(function(){ var this_scrollTop = $(this).scrollTop(); if(this_scrollTop>800 ){ $(".backTop").css("display","block"); }else{ $(".backTop").css("display","no原创 2018-08-10 10:50:29 · 1036 阅读 · 0 评论 -
js中的let和const关键字
let关键字: <script> function myfun(){ for(let i = 0;i < 3;i++); alert(i); } myfun(); </script>使用let关键字可以使i只能在for函数中生效。const关键字: <script> function...原创 2018-07-15 22:18:14 · 2092 阅读 · 0 评论 -
js中的变量提升机制
举例代码1: <script> var a = "旧的a"; function myfun(){ alert(a+"\n"); var a = "新的a"; /*①*/ alert(a); } myfun(); </script>会先弹出undefined,再弹出新的a。疑惑就是第一个应该弹旧的a,但是确实显示...原创 2018-07-15 22:05:45 · 672 阅读 · 0 评论 -
js中变量,用var定义和不用var的区别
使用var定义变量:程序会强制定义一个新变量。 不使用var定义变量:系统总是把该变量当成全局变量,不管前边是否定义过该变量。 举例代码1: <script> var a = "旧的a"; function myfun(){ var a = "新的a"; } ...原创 2018-07-15 21:45:20 · 307 阅读 · 0 评论 -
js中变量,没有块范围概念
举例代码: <script> function myfun(){ var sum = 0; for(var i = 0; i < 3;i++){ sum += i; } alert("sum="+sum+"\n"+"i="+i); } </script> <div> &原创 2018-07-15 21:31:14 · 136 阅读 · 0 评论 -
js中局部变量和全局变量同名了会怎样
举例代码: <script> var a = "全局变量a"; function myfun(){ var a = "局部变量a"; alert(a); } </script> <div> </div> <script> myfun(); alert(a);原创 2018-07-15 21:22:22 · 5126 阅读 · 0 评论 -
js中的变量作用域
全局变量:在全局范围内(不在函数内)定义的变量(不管是否使用var)、不适用var定义的变量都是全局变量,全局变量可以被所有的脚本访问。局部变量:在函数里定义的变量称为局部变量,局部变量只在函数内生效。 案例一: <script> var a = "全局变量a"; function myfun(){ var istrue = tr...原创 2018-07-15 21:12:51 · 135 阅读 · 0 评论 -
js中自动类型转换,以及怎么强制转换
一、自动类型转换 自动类型转换举例: <script> var a = "2.56"; var b = a - 2; var c = a + 2; alert(b + "\n" + c); </script> 因为String类型不支持减号,所以把a自动转换成...原创 2018-07-15 20:47:45 · 1029 阅读 · 0 评论 -
js中的隐式定义和显式定义
隐式定义:直接给变量赋值。 显式定义:使用var关键字定义变量。采用var声明变量,可以没有初始值,声明的变量类型是不确定的。当第一次给变量赋值时,变量的类型才确定下来,而且使用过程中,变量的类型可以随意更改。 隐式定义举例: <script> a = "Hello js"; alert(a); </scr...原创 2018-07-15 19:53:31 · 4149 阅读 · 0 评论 -
JavaScript用正则表达式校验账号和密码
//账号格式5-12位数字var accountPattern = /^\d{5,12}$/;//密码格式6-22位字母数字var passwordPattern = /^[a-zA-Z0-9]{6,22}$/;//验证码格式4位字母数字var codePattern = /^[a-zA-Z0-9]{4}$/;//检测账号格式function testAccount(accoun...原创 2018-08-23 20:14:32 · 4124 阅读 · 0 评论 -
js怎么判断一个变量是否是函数
if (typeof FunName === "function") { alert("这是一个函数");} else { alert("这不是一个函数");}原创 2018-12-28 15:39:27 · 11734 阅读 · 0 评论 -
window.open()窗口居中显示
var iWidth = 400; //弹出窗口的宽度;var iHeight = 450; //弹出窗口的高度;var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;var iLeft = (window.scre...原创 2018-12-28 16:49:25 · 5105 阅读 · 0 评论 -
event.srcElement Firefox不兼容解决办法
function selectTab(event){ var target = event.srcElement ? event.srcElement : event.target; ... } 注意: 调用的时候要将event传进函数原创 2019-01-04 15:21:19 · 599 阅读 · 0 评论 -
js中的基本数据类型和复合数据类型
基本数据类型: 1、数值类型:整数和浮点数 2、布尔类型:true和false 3、字符串类型:用引号括起来,可以双引号,也可以单引号 4、undefined类型:确定一个已经声明但是还没有赋值的变量 5、null类型:表明某个变量的值为空 复合数据类型: 1、对象:Object ...原创 2018-07-15 22:41:37 · 4097 阅读 · 0 评论 -
js中的逗号运算符和void运算符
逗号运算符:整个表达式返回最右边表达式的值 <script> var a,b,c,d; a = (b = 1,c = 2,d = 3); alert(a); </script> void运算符:强制制定表达式不返回值 <script> var a,b,c,d;...原创 2018-07-16 08:49:42 · 170 阅读 · 0 评论 -
JSP中的锚点
<a href="javascript:void(0)" onclick="scrollNow('id')">中国文学</a>function scrollNow(id){ $("html,body").animate({ scrollTop:$("#"+id).offset().top-120 },1000 );}原创 2018-08-08 20:41:20 · 563 阅读 · 0 评论 -
JavaScript如何替换字符串中所有的英文引号
var str = content.replace(/\"/g,"@$#@#"); 功能:将英文引号替换为@$#@#原创 2018-07-31 20:30:29 · 1767 阅读 · 0 评论 -
js怎么获取当前网页的地址
window.location.href原创 2018-07-31 20:15:40 · 6322 阅读 · 0 评论 -
jQuery怎么给一个checkbox添加click事件实现全选功能
$(document).on('click','#它的id',function(){ if($(this).is(":checked")){ $('.其余checkbox的class名').prop('checked',true); }else{ $('.其余checkbox的class名').pro...原创 2018-07-31 20:09:25 · 4554 阅读 · 0 评论 -
jQuery怎么获取全部被选中的checkbox并依次操作
$("input:checkbox[name=所有的checkboxname同名]:checked").each(function(){ //操作 });这里要注意所有的checkbox的name要是一样的,each()方法会依次操作每一个获取到的checkbox。...原创 2018-07-31 20:02:09 · 21262 阅读 · 0 评论 -
获取当前网页链接
window.location.href原创 2018-07-30 12:19:35 · 2916 阅读 · 0 评论 -
js中函数的独立性
var People = function(name){ this.name = name; this.getName = function(){ alert("我的名字叫做"+this.name); }}var p1 = new People("猪八戒");p1.getName();以上代码很容易明白,对象p1可以直接调用getName()方法。但是我们还可以通...原创 2018-07-17 13:48:32 · 553 阅读 · 0 评论 -
js中用call()方法调用函数
var each = function(array,fn){ for(var index in array){ fn.call(null,index,array[index]); }}each([4,20,3],function(index,ele){ document.write("第"+index+"个元素是"+ele+"<br />");})在each...原创 2018-07-17 13:30:17 · 10163 阅读 · 1 评论 -
js中的局部变量和对象属性和类属性
代码:function People(name,age,country){ var aa = "我是一个局部变量"; //局部变量 this.name = name; //对象属性 this.age = age; //对象属性 People.country = country; //类属性}var p1 = new People("猪八戒",50000,"中国");doc...原创 2018-07-16 21:51:10 · 762 阅读 · 0 评论 -
js中定义函数的3种方式
一、定义命名函数function helloWorld(name){ alert(name+":欢迎你来到js的世界!")}helloWorld("小姐姐");二、定义匿名函数匿名函数可以直接赋给一个变量,因为匿名函数就相当于一个Function对象。有两个注意点:1.不要忘了要在函数结尾加逗号。2.直接用变量名字调用。var f = function(){ ...原创 2018-07-16 21:26:21 · 2854 阅读 · 0 评论 -
js中的数组
定义数组的三种语法var a = [1,2,3,4];var b = [];var c = new Array();第一种在声明的同时已经初始化了。第二种和第三种都是空数组。js中数组的3大特征1.长度可变。数组长度等于最大索引值+12.同一个数组中元素类型可以互不相同3.访问数组元素时不会产生数组越界,访问并未赋值的数组元素时,该元素的值为undefined...原创 2018-07-16 20:53:51 · 170 阅读 · 0 评论 -
js之undefined和null
undefined:表示没有为变量设置值,或者属性不存在。null:表示变量是有值的,只是值为null。 但是如果不进行精确比较,很多时候undefined和null本身就相等。即undefined == null 返回true。要区分他们,应该用===代码演示: <!DOCTYPE html><html> <head> &l...原创 2018-07-16 20:25:30 · 228 阅读 · 0 评论 -
window.open()子页面向父页面传值
通常有一种场景:在父页面打开一个子页面,将子页面选中的某些数据传递给父页面,父页面再对这些数据进行处理这种场景可以用window.open(). 代码:父页面<div onclick="goChild()"> 子页面的name</div><input id="hidden1" name="hidden1" type="hidden.原创 2019-01-14 10:41:14 · 4958 阅读 · 3 评论