js代码

小例子-使用JS/JQ获取a标签的href网址

放肆的年华 提交于 2020-01-23 23:35:53
最初的想法只是想要添加一个点击事件就可以跳到设定的窗口。 本身就是把window.location.href = href添加进事件里面就可以解决了。后面自己把自己搞糊涂了。 这里主要是说使用JS和JQ获取a标签的href网址,使用比较简单,基本就是拿来用就可以了。 先看看html部分的代码 <div> <a id="demo" href="https://www.baidu.com"></a> </div> <p id="p">点击跳转到百度</p> 我把a标签嵌套在div里面,之后通过点击事件点击p标签“跳转到百度”这个按钮来获取href,之后通过新窗口打开百度网址,进入百度。 以下是使用到的JS代码和JQ代码 // 使用Js获取 document.querySelector('#p').onclick = function () { var ahref = document.querySelector('#demo'); window.open(ahref);//在新窗口打开 window.location.href = ahref;//在原来窗口打开 } // 使用JQ获取 $('#p').click(function () { var hreF = $(this).prev().find('#demo').attr('href'); window.open(hreF);/

js中的4种循环结构

て烟熏妆下的殇ゞ 提交于 2020-01-23 22:28:01
js有4种循环结构: 1.for循环 ==》多次遍历代码块 2.for / in循环==》遍历对象属性 3.while循环==》当指定条件为true时,循环代码块 4.do while循环==》当指定条件为true时,循环代码块 for循环 一般都有特定的计数器变量。操作计数器的三个重要步骤为:初始化、检测、更新 语句1的作用是将变量初始化; 语句2的作用是在每次循环前都要检测变量的值是否在某一个范围内; 语句3的作用是更新计数器变量:每次循环后进行自增或者自减操作 for(语句1;语句2;语句3){ 被执行的代码块 }   简单的for循环,循环执行一次时会改变一个变量的值   举例子说明:输出1到10的值; for(var num=1; num<=10; num++){//再循环开始时设置了一个变量num=1;//定义运行循环的条件num<=10;//每个循环执行后,变量增加1 console.log(num); }   复杂的for循环,循环执行一次时,会改变多个变量,这种情况下需要结合逗号来使用   举例说明,输出1*9+2*8+3*7+4*6+5*5+6*4+7*3+8*2+9*1的值 var i, j; for(i = 0, j =10; i<10; i++, j--){ sum += i * j; }console.log(sum);   for / in循环

selenium点击标签失败,ElementClickInterceptedException

戏子无情 提交于 2020-01-23 21:43:19
使用selenium在点击部分标签时显示以下错误: browser . find_element_by_css_selector ( '#blog_detail' ) . click ( ) selenium.common.exceptions.ElementClickInterceptedException: Message:element click intercepted: Element <>…<> is not clickable at point (xxx, xxx). element click intercepted <>…<> element click intercepted,顾名思义,就是无法点击 检查发现,一开始进去,标签没有显示在屏幕上,使用以下代码 js = "window.scrollBy(0,1200);" browser . execute_script ( js ) 下拉滚动条,让要点击的标签显示在屏幕上,然后点击就不会报错了 来源: CSDN 作者: 看见我书了吗 链接: https://blog.csdn.net/qq_43572758/article/details/104077186

web前端入门到实战:JS基础-语法+流程控制语句+函数+内置对象【数组】

喜你入骨 提交于 2020-01-23 19:19:05
JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使用方法有两种: (1)typeof 变量 (2) typeof(变量) undefined派生自null,所以undefined==null返回的结果是true 用于任何数据类型,Number()可以将非数值转化为数值,但是有一些数据是不能转化为数值的,如果这类数据通过Number()进行强制转化的话,会返回NaN var a=Number(name_01); 用于把字符串转换为数值 var b=parseInt("28px") var d=parseFloat("12.34.56px"); 不知道值是不是null或者undefined,可以使用String(),可以将任何类型的值转为字符串 var idstr=ids.toString(); console.log(String(m)); 在运算中,除了加法,其余的运算都会将字符串先转换为数字之后再进行计算,但是两个数据相加,如果有一方是字符串的话,加号的作用就是将他们进行拼接 如: 数字5和字符串"5"进行加减乘除运算,结果分别是:55 0 25 1 &&逻辑与: 如果第一个操作数隐式转换后为true,则返回第二个操作数;

js将数字转换成中文

半腔热情 提交于 2020-01-23 19:08:51
var _change = { ary0:["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"], ary1:["", "十", "百", "千"], ary2:["", "万", "亿", "兆"], init:function (name) { this.name = name; }, strrev:function () { var ary = [] for (var i = this.name.length; i >= 0; i--) { ary.push(this.name[i]) } return ary.join(""); }, //倒转字符串。 pri_ary:function () { var $this = this var ary = this.strrev(); var zero = "" var newary = "" var i4 = -1 for (var i = 0; i < ary.length; i++) { if (i % 4 == 0) { //首先判断万级单位,每隔四个字符就让万级单位数组索引号递增 i4++; newary = this.ary2[i4] + newary; //将万级单位存入该字符的读法中去,它肯定是放在当前字符读法的末尾,所以首先将它叠加入$r中, zero = ""; /

JS中类和对象,以及new关键字

给你一囗甜甜゛ 提交于 2020-01-23 11:44:39
1、什么是类 生活中 :一类、种类 编程中 : 类指的是抽象的名称( 构造函数 ):例如,狗🐶 class 关键字, ES6之前没有类的概念 。 在ES3或ES5中通过 构造函数 来创建对象 构造函数: 内置的:Object、Date、Array等 自定义:例如,Dog...... 2、什么是对象 生活中 :万物皆对象。任何具体的事和物都可以看成对象 编程中 :对象由 属性 和 方法 组成(或由键值对)。 具体的 实例,实例对象 属性:对象的静态特征,例如某人的,姓名、年龄、身高、性别等 方法:对象的功能特征,例如某人,画画、写代码等 注意事项 : 方法的值用什么表示,用函数来表示 对象方法中的 this,指向调用者 。 3、类(构造函数)和对象的关系 类是对象的模板 对象是类的具体实例(通过关键字 instanceof 检测一个对象是否属于某一个类型) 语法: 对象名 instanceof 构造函数名; 返回布尔值 创建对象得通过类(构造函数)创建 new 构造函数() → 具体的实例(实例对象) 4、创建对象 语法:自定义构造函数(类) function 构造函数名(行参...){   this.key = value; ....... } // 注意规范:构造函数名首字母要大写 帕斯卡(每个单词首字母大写) 驼峰(从第二个单词开始首字母大写) 语法: new 关键字创建对象

js中关于array的常用方法

China☆狼群 提交于 2020-01-23 11:40:28
最近总结了一些关于array中的常用方法, 其中大部分的方法来自于《JavaScript框架设计》这本书, 如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。 第一部分 数组去重,总结了一些数组去重的方法,代码如下: /** * 去重操作,有序状态 * @param target * @returns {Array} */ function unique(target) { let result = []; loop: for (let i = 0,n = target.length;i < n; i++) { for (let x = i + 1;x < n;x++) { if (target[x] === target[i]) { continue loop; } } result.push(target[i]); } return result; } /** * 去重操作,无序状态,效率最高 * 都会转换为字符串 * @param target * @returns {Array} */ function unique1(target) { let obj = {}; for (let i = 0,n = target.length; i < n;i++) { obj[target[i]] = true; } return Object.keys

从0开发3D引擎(七):学习Reason语言

雨燕双飞 提交于 2020-01-23 11:06:19
目录 上一篇博文 介绍Reason Reason的优势 如何学习Reason? 介绍Reason的部分知识点 大家好,本文介绍Reason语言以及学习Reason的方法。 上一篇博文 从0开发3D引擎(六):函数式反应式编程及其在引擎中的应用 介绍Reason Reason又叫Reasonml,是在Ocaml语言的基础上修改而来,由Facebook ReactJs的开发组开发和维护。 Reason是函数式编程语言,由Bucklescript编译器将其编译为javascript语言。 Reason是专门提供给前端开发者使用的,相对于Ocaml,语法上与javascript更为接近。 Reason的优势 1、从“发展前景”来说: 1)大公司Facebook出品,质量、稳定性、后续维护升级有保证 2)Reason是基于OCaml的,因此随着Ocaml的版本更新,Reason和Bucklescript也会支持Ocaml的新特性 3)函数式编程越来越火,它也在3D引擎中越来越多地使用(如Frostbite公司提出的Frame Graph架构和Data Oriented思想都需要结合函数式编程) 2、从“性能”来说: 1)Reason支持mutable的操作和数据结构 可在性能热点处使用它们,提高性能 2)对浏览器的JIT编译友好,提升了运行时性能 因为Reason是强类型语言

Javascript模块化编程(三):require.js的用法

北战南征 提交于 2020-01-23 07:13:59
一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 <script src="1.js"></script>   <script src="2.js"></script>   <script src="3.js"></script>   <script src="4.js"></script>   <script src="5.js"></script>   <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题: (1)实现js文件的异步加载,避免网页失去响应; (2)管理模块之间的依赖性,便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步,是先去官方网站 下载 最新版本。 下载后

js 实现表格的可编辑状态

自古美人都是妖i 提交于 2020-01-23 05:21:28
<table border="0" style="width:200px;margin:30px auto"> <tr><td>1</td><td>2</td><td><!-- <input type="button" value="编辑"> --><img src="edit.png" class="edit"></td></tr> <tr><td>1</td><td>2</td><td><!-- <input type="button" value="编辑"> --><img src="edit.png" class="edit"></td></tr> <tr><td>1</td><td>2</td><td><!-- <input type="button" value="编辑"> --><img src="edit.png" class="edit"></td></tr> <tr><td>1</td><td>2</td><td><!-- <input type="button" value="编辑"> --><img src="edit.png" class="edit"></td></tr> <tr><td>1</td><td>2</td><td><!-- <input type="button" value="编辑"> --><img src="edit.png"