JavaScript - 随笔分类 - 豆皮没有豆

JavaScript 返回上一页和刷新页面

摘要：1.window.location.reload();刷新当前页 2.window.history.go(-1)；返回上一页 3.window.history.back();返回上一页 window.history.back();后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那阅读全文

posted @ 2020-04-02 09:58 豆皮没有豆阅读(1945) 评论(0) 推荐(0)

JavaScript正则匹配出所有图片及所有图片地址src

摘要：<script type="text/javascript"> //思路分两步. //1，匹配出图片img标签（即匹配出所有图片），过滤其他不需要的字符 //2.从匹配出来的结果（img标签中）循环匹配出图片地址（即src属性） var str = "this is test string <img 阅读全文

posted @ 2019-10-22 09:33 豆皮没有豆阅读(1153) 评论(0) 推荐(0)

JavaScript 判断字符串中是否包含某个字符串

摘要：String对象的方法方法一：indexOf() (推荐) var str ="123"; console.log(str.indexof("3")!=-1);//true indexof()方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回-1。方阅读全文

posted @ 2019-08-26 16:43 豆皮没有豆阅读(194) 评论(0) 推荐(0)

JavaScript 跳转页面与打开新窗口的方法

摘要：超链接<a href="http://www.jb51.net" title="脚本之家">Welcome</a> 等效于js代码 window.location.href=“http://www.jb51.net”; //在同当前窗口中打开窗口超链接<a href="http://www.jb5 阅读全文

posted @ 2019-08-26 15:53 豆皮没有豆阅读(464) 评论(0) 推荐(0)

JavaScript 如何准确获取当前页面url网址信息

摘要：JavaScript如何准确获取当前页面url网址信息在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?o 阅读全文

posted @ 2019-08-26 15:22 豆皮没有豆阅读(132) 评论(0) 推荐(0)

jQuery 实现淘宝精品案例

摘要：源码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; font-size: 12px; } ul { li 阅读全文

posted @ 2019-04-03 12:22 豆皮没有豆阅读(421) 评论(0) 推荐(0)

jQuery 简单介绍，二级菜单（HTML+css；JavaScript；jQuery三种实现方式）

摘要：jQuery简介 jQuery 库可以通过一行简单的标记被添加到网页中。在您开始学习 jQuery 之前，您应该对以下知识有基本的了解：HTML、CSS、JavaScript。什么是 jQuery ？ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的阅读全文

posted @ 2019-04-03 11:45 豆皮没有豆阅读(290) 评论(0) 推荐(0)

JavaScript教程（十六）JavaScript中的DoM操作

摘要：1. 什么是 DOM？ DOM是W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: “W3C文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容\结构和样式.” W3C DOM标准被分为3个不同的部分: (1)核心 DOM - 阅读全文

posted @ 2018-12-16 15:41 豆皮没有豆阅读(171) 评论(0) 推荐(0)

JavaScript教程（十五）JavaScript面向对象编程

摘要：一.JavaScript 面向对象编程 1.什么是面向对象编程面向对象是一种解决问题的思路,一种编程思想. 2.面向过程和面向对象的对比在这里给大家举个洗衣服的例子面向过程的思维方式： step 1:收拾脏衣服 step 2:打开洗衣机盖 step 3:将脏衣服放进去 step 4:设定洗衣程阅读全文

posted @ 2018-12-14 15:58 豆皮没有豆阅读(170) 评论(0) 推荐(0)

JavaScript教程（十四）JavaScript的内置对象

摘要：1.内置函数 eval()和 isNaN() Eval(): 用于计算字符串表达式的值; IsNaN(): 用户验证参数是否是 NaN(非数字); eg: <script type="text/javascript"> //eval():js的内置函数用来计算表达式的值 var mess=promp 阅读全文

posted @ 2018-12-14 14:46 豆皮没有豆阅读(178) 评论(0) 推荐(0)

JavaScript教程（十三）JavaScript的定时器setInterval()与setTimeout()

摘要：js定时器有以下两种方法: (1).SetInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式,方法会不停的调用函数,直到clearInterval()被调用或者窗口被关闭. (2) SetTimeout():在指定的毫秒数后调用函数或计算表达式. 1.setInterval(); 阅读全文

posted @ 2018-12-13 19:00 豆皮没有豆阅读(186) 评论(0) 推荐(0)

JavaScript教程（十二）JavaScript中函数闭包的应用

摘要：1. 事件闭包的理解:闭包是指有权限访问另一个函数作用域中的变量的函数.在 javascript 语言中,闭包就是函数和该函数作用域的组合.在JavaScript中任何一个函数都是一个闭包,但是嵌套的函数功能更强(闭包的作用更加强大,产生一个作用域链) 2.变量的作用域:要理解闭包,首先必须理解 J 阅读全文

posted @ 2018-12-13 18:12 豆皮没有豆阅读(98) 评论(0) 推荐(0)

JavaScript教程（十一）JavaScript中事件的兼容③(事件的绑定addEventListener/移除removeEventListener,阻止冒泡/默认)

摘要：一.事件兼容 1.事件绑定:addEventListener 用于注册事件处理程序(为文档节点).IE 中为 attachEvent,我们为什么讲addEventListener而不讲attachEvent呢?一来attachEvent比较简单,二来addEventListener才是 DOM 中阅读全文

posted @ 2018-12-13 17:45 豆皮没有豆阅读(552) 评论(0) 推荐(0)

JavaScript教程（十）JavaScript中的事件流②(事件捕获/冒泡)

摘要：一.事件流 1.事件流的介绍: 事件流描述的是从页面中接收事件的顺序. 事件流是描述的从页面接受事件的顺序,当几个都具有事件的元素层叠在一起的时候,那么你点击其中一个元素,并不是只有当前被点击的元素会触发事件,而层叠在你点击范围的所有元素都会触发事件. 2.事件流包括两种模式：冒泡和捕获. (1)事阅读全文

posted @ 2018-12-12 18:52 豆皮没有豆阅读(95) 评论(0) 推荐(0)

JavaScript教程（九）javascript中的事件介绍以及兼容性①[鼠标事件,键盘事件,event,目标事件,表单事件]

摘要：一.事件类型 1.事件的定义:指的是文档或者浏览器窗口中发生的一些特定交互瞬间.我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码.(说白了,一段程序需要接受了一个指令才会去完成) 2.事件类型:事件的类型是用来说明发生什么类型事件的字符串.eg:鼠标事件,键盘事件,点击阅读全文

posted @ 2018-12-07 17:27 豆皮没有豆阅读(193) 评论(0) 推荐(0)

JavaScript教程（八）javascript中函数(function)

摘要：1.概念: 重复执行的代码块或者说函数是事件驱动的重复执行的代码块. 2.函数的定义: 语法结构:function 函数名称遵循命名规则(){ 函数体 } 例: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title 阅读全文

posted @ 2018-12-04 19:26 豆皮没有豆阅读(238) 评论(0) 推荐(0)

JavaScript教程（七）javascript中字符串(String)对象及处理字符串的方法

摘要：字符串的属性 length 的介绍: 在JavaScript 中,对于字符串来说,要掌握的属性就只有一个,那就是 length 属性.我们可以通过 length属性来获取字符串的长度. 语法：字符串名称.length 说明:length 属性很简单,但是在字符串操作中经常要用到,这个大家一定要记住阅读全文

posted @ 2018-12-03 17:53 豆皮没有豆阅读(140) 评论(0) 推荐(0)

JavaScript教程（六）JavaScript中冒泡排序

摘要：var arr=[23,1,2,0,11]; 第一轮比较(0): 比较了4次(arr.length-i-1) 1,23,2,0,11; 1,2,23,0,11; 1,2,0,23,11; 1,2,0,11,23; 第二轮比较(1) 比较了3次(arr.length-i-1) 1,2,0,11,23; 阅读全文

posted @ 2018-12-03 15:57 豆皮没有豆阅读(110) 评论(0) 推荐(0)

JavaScript教程（五）JavaScript中数组及数组的方法

摘要：一.数组及数组的方法 1.数组的概念: 是值数据的集合,在JavaScript中数组中的数据类型可以是不同的. 2.数组的声明: (1)var 数组的名称=new Array(); (2)var 数组的名称=[]; 3.数组的初始化 (1)var 数组的名称=new Array(‘值1’,值2,‘值阅读全文

posted @ 2018-12-02 12:14 豆皮没有豆阅读(144) 评论(0) 推荐(0)

JavaScript教程（四）JavaScript中获取页面元素的方法

摘要：一.charAT():表示是把字符串中的每一个字母按照字符转换输出. 例: <script type="text/javascript"> var str='i love javascript'; for(var i=0;i<str.length;i++){ // alert(str.length) 阅读全文

posted @ 2018-12-02 11:06 豆皮没有豆阅读(689) 评论(0) 推荐(0)

随笔分类 - JavaScript