js

js清空数组的方法

对着背影说爱祢 提交于 2020-03-09 08:04:09
1.splice方法 splice() 方法用于插入、删除或替换数组的元素。 splice() 会直接修改原数组,通过去除数组内所有元素来实现。 var arr = [1,3,5,7,9]; arr.splice(0,arr.length); console.log(arr) 2.赋值length为0 javascript中 数组的 length 和其他的语言的数组中 length 不同, js 中数组 length 可以自己设置大小,意思是可读可写的,但其他语言如 java , c++ 中都是不能进行修改,只读形式存在。 如 java 中对数组 length 赋值将报错。 var arr = [1,3,5,7,9]; arr.length=0; console.log(arr) 3.赋值为[] 这里其实并不能说是严格意义的清空数组,只是将 arr 重新赋值为空数组,之前的数组如果没有引用在指向它将等待垃圾回收。 var arr = [1,3,5,7,9]; arr = []; console.log(arr) 来源: CSDN 作者: 叉叉酱 链接: https://blog.csdn.net/weixin_39782183/article/details/104739162

JS流程控制(选择结构和循环)

早过忘川 提交于 2020-03-09 04:40:59
JS 流程控制 简介 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们腰通过控制代码 的执行顺序来实现我们腰完成的功能 简单理解:流程控制就是来控制我们的代码按什么结构顺序来执行 流程控制主要有三种结构,分别是 顺序结构、分支结构 和 循环结构 ,这三种结构代表三种代行的顺序 分支结构 if 语句流程控制 if 的语法结构 if ( 条件表达式 ) { //执行语句 } 执行思路 如果 if 里面的 条件表达式结果为真 true 则执行大括号里面的执行语句 如果 if 条件表达式为假 则不执行大括号里面的语句 则执行 if 语句后面的代码 if else 语法结构 if ( 条件表达式 ) { //执行语句1 } else { //执行语句2 } if else if else 多分支语句 多分支语句,就是利用多个条件来选择不同的语句执行 多选 1 的过程 if ( 条件表达式 1 ) { //执行语句1 } else if ( 条件表达式 2 ) { //执行语句2 } else if ( 条件表达式 3 ) { //执行语句3 ... } else { //上述条件都不成立执行的代码 } 小小案例1(if) 弹出一个输入框,要求用户输入年龄,如果年龄大于等于 18 ,允许进网吧 var age = + prompt ( '请输入您的年龄' )

认识JS

那年仲夏 提交于 2020-03-09 03:19:42
认识 JS JS 历史 JavaScript 作为 Netscape Navigator 浏览器的一部分首次出现在 1996年。 它最初的设 计目标是改善网页的用户体验。 作者:Brendan Eich 起初JavaScript 被命名为 LiveScript,后因和 Sun 公司合作,因市场宣传需要改名 JavaScript。 后来 Sun公司被 Oracle 收购,JavaScript版权归 Oracle 所有。 JS 是什么 JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言( Script是脚本的意思) 脚本语言 :不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行 现在也可以基于 Node. js 技术进行服务器端编程 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。 JS 作用 ·表单动态校验(密码强度检测) (JS产生最初的目的) 网页特效 服务端开发( Node. js) 桌面程序( lectron App(Cordova) 控制硬件

js复习之基础总结-数据类型;数据,变量,内存。

情到浓时终转凉″ 提交于 2020-03-09 01:37:16
本篇内容主要包括一下几点 1. 数据类型的分类和判断 基本(值)类型 Number ----- 任意数值 -------- typeof 返回i字符串 String ----- 任意字符串 ------ typeof Boolean ---- true/false ----- typeof undefined — undefined ----- typeof/=== null -------- null ---------- === symbol------symbol(str) ------typeof 对象(引用)类型 Object ----- typeof/instanceof Array ------ instanceof Function ---- typeof/instanceof typeof ,instanceof === 用来判断数据类型 js内存的主要俩大类: 栈内存:主要存放全局/局部变量的内存 堆内存:可以存放的是对象的内容 注意:如果是引用类型:栈内存中有一块空间存放着堆内存某个对象的地址信息 2. 相关问题 var a = xxx, a内存中到底保存的是什么? xxx 是一个基本数据时:存放的就是一个基本值 xxx是一个对象时:存放的就是一个对象在堆内存中存在的地址值 xxx是一个变量时:参考1,2 引用变量赋值问题: 这个比较简单

js实现表格隔行换色

回眸只為那壹抹淺笑 提交于 2020-03-08 23:28:53
获取trs这个伪数组,对数组内元素用for循环判断操作。 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Document < / title > < / head > < body > < table border = "2" style = "width: 400px; height: 300px;" > < tbody id = "tb" > < / tbody > < / table > < script > var tb = document . getElementById ( "tb" ) ; setTable ( ) ; changeColor ( ) ; function setTable ( ) { var html = "" ; for ( var i = 0 ; i < 5 ; i ++ ) { html += '<tr>' + '<td>' + '</td>' + '<td>' + '</td>' + '<td>' + '</td>' + '</tr>' ; } tb .

js 判断是否是数组 及原生toString()方法判断数据类型

谁说胖子不能爱 提交于 2020-03-08 23:22:10
Array.isArray() let a = [1,2,3] Array.isArray(a);//true此方法为 ES5新增方法 ,兼容Es5之外不支持的问题 if (!Array.isArray) { Array.isArray = function(arg) { return Object.prototype.toString.call(arg) === '[object Array]'; }; } Object.prototype.toString.call()判断数据类型 1.判断基本类型: Object.prototype.toString.call(null);//”[object Null]” Object.prototype.toString.call(undefined);//”[object Undefined]” Object.prototype.toString.call(“abc”);//”[object String]” Object.prototype.toString.call(123);//”[object Number]” Object.prototype.toString.call(true);//”[object Boolean]” 2.判断原生引用类型: 函数类型 Function fn(){console.log(“test”);}

JS循环打印各种形状

走远了吗. 提交于 2020-03-08 22:21:22
注:如果需要 * (星号)代替三角形需要把CSS样式html{background: #000;} 去掉 (因为 * 是黑色的,背景也是黑色的) 背景颜色和最后九九乘法样式: <style> *{ /* 去掉webkit内核连续点击出现的蓝色背景 */ -webkit-user-select: none; } html{ /* 页面背景 */ background: #000; } /* 最后一个九九乘法表样式 */ span{ display: inline-block; background-color: #D92E2E; color: #FFDEDE; font-family: 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif; width: 80px; text-align: center; font-size: 18px; font-weight: bold; margin: 5px 10px 5px 0; padding: 3px 5px; } </style> 直角三角形: <script > for(var i = 1;i <= 5;i++){ for(var j = 1;j <= i;j++){ document.write('<img src = "星星

js常用(JqueryCDN&点击事件追踪)

浪尽此生 提交于 2020-03-08 20:49:31
jQuery 1.6 API 中文版 http://docs.30c.org/jquery16/index.html#p=outerHeight http://code.jquery.com/ jQuery CDN – Latest Stable Versions Powered by MaxCDN jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core . jQuery 2.x (IE <9 not supported) jQuery Core 2.1.1 - uncompressed , minified jQuery 1.x jQuery Core 1.11.1 - uncompressed , minified jQuery Migrate jQuery Migrate 1.2.1 - uncompressed , minified jQuery UI Showing the latest stable release for the current and legacy release families. See all versions of jQuery UI . jQuery UI 1.11 jQuery UI 1.11.1

js原生方法操作Dom总结

谁都会走 提交于 2020-03-08 20:15:30
原生JS对dom节点的操作包括:查找、创建、添加、删除、替换、插入、复制、移动等。 1、访问节点 document.getElementById("id");// 通过id查找 document.getElementByName("name");// 通过name查找 document.getElementsByClassName("class");// 通过class命名查找 document.getElementsByTagName("div");// 通过标签名查找 querySelector(); //要在较新的浏览器上才能使用 querySelectAll();//要在较新的浏览器上才能使用 2、创建节点 document.createElement();//创建元素 document.createDocumentFragment();//创建内存文档碎片 document.createTextNode();//创建文本节点 appendChild(node) //在父元素下追加none节点 3、创建完节点之后可以将创建好的节点添加进指定节点中 var ele = document.getElementById("my_div"); var newEle= document.createElement("div"); ele.appendChild(newEle); 4

ExtJs 备忘录(1)—— Form表单(一) [ 控件使用 ]

懵懂的女人 提交于 2020-03-08 20:11:48
前言   ExtJS接触至今已有4个月(5.1 - 9.1),小有心得,由于公司短期内并没有打算采用,所以备忘之以备他日之需。虽然网上资料不少,但学起来仍感费劲,所以还是想以自己的方式来与众分享。 系列   1.   ExtJs 备忘录(1)—— Form表单(一) [ 控件使用 ] 版本   Ext 3.0.0 正文   一、效果图     先用美图勾引那些驻足观望之人:        二、代码讲解     如果项目中大量采用ExtJS做前端,我建议采用PageBase方式来引用和使用它。     2.1  目录结构                项目中使用Ext并不需要把整个Ext拷贝到项目中,只需要把 resources整个目录 和如下几个人间拷贝到项目中即可:         ext-3.0.0\adapter\ext\ext-base.js         ext-3.0.0\ext-all.js         ext-3.0.0\src\locale\ext-lang-zh_CN.js     2.1  PageBase.cs using System; using System.Collections.Generic; using System.Text; using System.Web.UI.HtmlControls; using System