js代码 | 易学教程

js if语句

阅读更多关于 js if语句

if语句 1.语法：if（表达式）{ 如果小括号里的表达式为真，则执行大括号里的代码段代码段 } 2.语法：if（表达式）{ 如果表达式中的结果为真则执行代码段1 否则执行代码段2 代码段1 }else{ 代码段2 } 3.级联式 4.嵌套分支在分支嵌套里当if里面的表达式全部为真，则执行最里面的代码段来源： CSDN 作者： Jason–json 链接： https://blog.csdn.net/weixin_46146313/article/details/104107668

JS阻止事件冒泡的3种方法之间的不同

阅读更多关于 JS阻止事件冒泡的3种方法之间的不同

什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止Jquery事件冒泡？通过一个小例子来解释 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs"Inherits="Default5"%><!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 runat="server"><title>Porschev---Jquery 事件冒泡</title><script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>

js 获取css样式方式的初理解

阅读更多关于 js 获取css样式方式的初理解

javascript getComputedStyle() and currentStyle() element.style 今天了解了js里获取样式的几个方法，记录下自己的理解首先是window.getComputedStyle(dom,null) [attr] dom----> 是你要获取的元素 eg: div null —> 我也不知道为什么要有这个但必须有如果要获取伪元素（after，before）的样式 null就换成伪元素的字符串形式 eg: window.getComputedStyle(div,“after”) window.getComputedStyle(dom,null)返回的是一个样式表是一个对象里面的值都是最后作用在dom上的最终看见的样式值同样没设置的样式会把系统的默认值返回在这里给div设置了两个width 但最终因为行内样式的值作用在了div上所以 window.getComputedStyle()获取的值就是起作用的值而element.style 获取的是行间样式的值就没有window.getComputedStyle()方法获取的准确但window.getComputedStyle(dom,null)[attr]不兼容IE8及以下所以IE也有一种方式 dom.currentStyle[attr] //注只有IE支持

Js中的函数

阅读更多关于 Js中的函数

函数柯里化柯里化概念：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数看一个例子： var add = function(x) { return function(y) { return x + y; }; }; var increment = add(1); var addTen = add(10); increment(2); // 3 addTen(2); // 12 我们定义了一个 add 函数，它接受一个参数并返回一个新的函数。调用了 add 之后，返回的函数就通过闭包的方式记住了 add 的第一个参数。因为一次性地调用它有点繁琐，所以使用一个特殊的 curry 帮助函数使得这类函数的定义和调用更加容易。 curry的封装 // 初步封装 var currying = function(fn) { // args 获取第一个方法内的全部参数 var args = Array.prototype.slice.call(arguments, 1) return function() { // 将后面方法里的全部参数和args进行合并 var newArgs = args.concat(Array.prototype.slice.call(arguments)) // 把合并后的参数通过apply作为fn的参数并执行 return fn.apply

理解js中的原型和原型链

阅读更多关于理解js中的原型和原型链

不记下来总是容易忘记掉，相当于备忘吧。。本文主要参考高程3，以及一点自己的想法，如有不对，还望指正为什么要使用原型模式？我们创建对象最一开始用的工厂模式： function createPeople(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name); } } var person1 = createPeople('Nicolas', 29, 'SoftWare Engineer'); var person1 = createPeople('Greg', 27, 'Doctor'); 该模式的缺点在于：无法获知一个对象的类型为了解决该问题，就有了构造函数模式: function Person(name, age, job) { this.name = name; this.age = age; this.job= job; this.sayName = function() { alert(this.name); }; } var people1 = new Person('Nicholas', 29, 'Software Engineer'); var people2 = new

JS array 数组

阅读更多关于 JS array 数组

1.数组的声明方法（1）： arrayObj = new Array(); //创建一个数组。代码:var arr1 = new Array(); （2）：arrayObj = new Array([size])　创建一个数组并指定长度，注意不是上限，是长度。代码:var a = new Array(5); （3）：arrayObj = new Array([element0[, element1[, ...[, elementN]]]])　创建一个数组并赋值。代码:var a = new Array(["b", 2, "a", 4,]); （4）：arrayObj = [element0, element1, ..., elementN]　创建一个数组并赋值的简写，注意这里中括号不表示可省略。代码:var a = ["b", 2, "a", 4,]; （注）：注意带“[]”与不带“[]”的区别代码如下: var a = new Array(5); //指创建长度为5的数组 var a = new Array([5]); //指创建一个数组，长度为1，并且第一位是5 来源： https://www.cnblogs.com/jvziking/p/6957507.html

js如何获取object类型里的键值

阅读更多关于 js如何获取object类型里的键值

最近遇到一个问题：复制代码代码如下: var obj = {"name1":"张三","name2":"李四"}; var key = "name1"; var value = obj.key;//得到了"undefined" value = obj.name1;//得到了"张三" 其实我是想动态给key赋值，然后得到key为多少所对就的值。但这种做法行不通，obj.key会去找obj下key为"key"所对应的值，结果当然是找不到喽。于是，我想到了js中遍历对象属性的方法：复制代码代码如下: function printObject(obj){ 　　//obj = {"cid":"C0","ctext":"区县"}; 　　var temp = ""; 　　for(var i in obj){//用javascript的for/in循环遍历对象的属性　　　　temp += i+":"+obj[i]+"\n"; 　　} 　　alert(temp);//结果：cid:C0 \n ctext:区县 } 这样，就可以清楚的知道js中一个对象的key和value分别是什么了。回到刚才的问题，怎么动态给key赋值，然后以obj.key的方式得到对应的value呢？其实以上printObject中有提示，那就是用obj[key]的方法，key可以是动态的

JS post提交表单

阅读更多关于 JS post提交表单

js post方式提交表单有两种办法，1：AJAX提交 2：在JS里拼出一个form，然后submit 第二种办法的代码 Java代码 //这个主要是解决给password MD5 var email = 'email'; var pwd = 'password'; var postForm = document.createElement("form");//表单对象 postForm.method="post" ; postForm.action = 'login. jsp x' ; var emailInput = document.createElement("input") ; //email input emailInput.setAttribute("name", "email") ; emailInput.setAttribute("value", email); postForm.appendChild(emailInput) ; var pwdInput = document.createElement("input");// password input pwdInput.setAttribute("name","password"); pwdInput.setAttribute("value",pwd); postForm.appendChild

JS一部分基础复习

阅读更多关于 JS一部分基础复习

主要事件：用于表单 6个事件（onfocus：聚焦，onblur：失焦，onclick: 点击, onchange：内容改变后触发, onload：加载, onsubmit：提交） HTML事件处理方式: JS事件处理方式：容易出错的地方： 1.表单中一般不建议用button 来写 2.一般表单校验的事件，都会用form的onsubmit事件配套提交按钮（type="submit"） 3.t ype="submit" 的时候，不能画蛇添足加 onclick 事件 bom:浏览器对象模型（browser object model）提供了浏览器窗口进行交互的对象（主要作用在于管理窗口和窗口的通讯） 2.bom由一系列的对象构成，这些对象有属性也有方法 1.window对象:窗口对象 (1). window.alert(); (2).window.prompt(); //提示框 var like = window.prompt("请输入你的爱好!", "吃瓜"); if (like != null && like != "") { console.log("我的爱好是" + like); } (3).window.confim(); var flag = window.confirm("请问你喜欢我吗？"); var msg = document.getElementById(

JavaWeb（4）-JS对象_bom,dom,document,element,node

阅读更多关于 JavaWeb（4）-JS对象_bom,dom,document,element,node

JS对象_2 js的bom对象对象： navigator screen location history window js的dom对象解析过程 node接口的特性和方法 DHTML js的document对象常用方法 getElementById() getElementsByName() getElementsByTagName() write() element对象 getAttribute() setAttribute() removeAttribute() Node对象的属性 nodeName,nodeType,nodeValue 父节点，子节点，同辈节点操作DOM树 appendChild() insertBefore(newNode,oldNode) removeChild() replaceChild(newNode,oldChild) cloneNode(boolean) innerHTML属性 js的bom对象 browser object model浏览器对象模型对象： navigator 获取客户机（浏览器）的信息 navigator.appName screen 获取屏幕的信息 screen.width,screen.height location 请求url地址，href属性（获取请求的url地址 location.href 设置url地址）

订阅 js代码