【JS笔记】教程文章相关的互联网学习教程文章

一周一话题之四(JavaScript、Dom、Jquery全面复习总结<js篇>)【代码】【图】

-->目录导航一、 JavaScript 1. js介绍 2. js语法 3. js进阶 4. js高级 5. 事例代码下载一、 JavaScript做BS系统,JavaScript的使用是少不了的;本文就带你快速回顾一下JavaScript的基本知识,看看哪些基础知识是你所遗漏的1. js介绍① js是一种基于对象和事件的脚本语言,使用浏览器来执行。② js是解释型语言,无需编译就可随时运行。③ 安全性:不允许访问本地硬盘;跨平台:有支持js的浏览器即可。④ 在网页中编...

Javascript动态执行JS(new Function与eval比较)

new Function与eval可以动态执行JS,只要把拼接好的JS方法,然后以字符串的形式传入到这两个函数,可以执行,其中new Function用在模板引擎比较多。参考:http://www.jb51.net/article/35642.htm原文:http://www.cnblogs.com/EasonJim/p/6228027.html

js 代码大全(各种方法、属性)

事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnValue鼠标位置event.xevent.y窗体活动元素document.activeElement绑定事件document.captureEvents(Event.KEYDOWN);访问窗体元素document.all("txt").focus();document.all("txt").select();窗体命令docu...

eclipse导入maven时,html页面引入js的路径出现红色波浪线【图】

用eclipse导入一个springboot项目时,html页面引入js以及css时出现如下图所示情况,html页面用了 thymeleaf模板引擎。另外js文件与css文件路径也是正确无误的。 原来其实很简单就可以解决:eclipse:Window—>Preferences—>Validation—>Web Resources Validator将Web Resources Validator勾选掉,然后Apply就可以了。 原文:https://www.cnblogs.com/lkwtt/p/10779360.html

JS查漏补缺1【代码】

1. function fn(){var a = b = 1 //该方式创建的变量,b为全局变量// var a = 1, b = 1 //该方法创建的变量都为局部变量 } fn() console.log(typeof a) // undefined console.log(typeof b) // number2.fn1(); // 1 function fn1(){console.log(1) }fn2(); //报错 var fn2 = function(){console.log(2) }3.for … infunction Student(){this.a = 1;this.b = 2; } Student.prototype.c = 3; var s = new Student() for (item in s){...

转 js Infinite Scrolling Demo【代码】

原文:http://www.sitepoint.com/jquery-infinite-scrolling-demos/Infinite Scrolling Demo 5Usage – HTML<ul class="items"><li>content</li><li>content</li>... </ul><div id="lastPostsLoader"></div>Usage – jQuery<script type="text/javascript"> $(document).ready(function(){function lastAddedLiveFunc(){$(‘div#lastPostsLoader‘).html(‘<img src="bigLoader.gif"/>‘);$.get("loadmore.php", function(data){if...

js npm【代码】【图】

//仓库地址https://www.npmjs.com/ //查看当前镜像 npm get registry //切换镜像 npm config set registry http://registry.npm.taobao.org //初始化一个项目npm init npm init -y //不需确认 //查看已安装模块 npm list //安装包npm install vue npm i vue@3.0.6//全局安装 npm install -g 模块名 //查看全局包路径 npm root -g 版本号 //执行json里的脚本 npm run test 原文:https://www.cnblogs.com/buchizaodian/p/14754...

js动画(四)【代码】【图】

终于到了最后了,这里要告一段落了,整了个js运动框架,咳咳咳,好冷 啊啊啊啊啊啊,这天气。妈的,工资怎么也不发,啊,说好的人与人之间的信任呢?哎,气诶,不到150字啊,又是这个梗。。怎么办?说些什么呢?哦,就是今天在尝试做那个,曲面阴影和翘边阴影的时候,碰到一个问题,就是a:after这个层,想让他到a 层下面,因为a:after层把a层挡住了,搞了,眼睛都快找瞎了,哎,程序员短命是有道理的。最后,的结果是,还是没找出来...

一文看懂JS继承【图】

继承是OOP中大家最喜欢谈论的内容之一,一般来说,继承都两种方式:接口继承和实现继承而JavaScript中没有接口继承需要的方法,因此只能依靠实现继承。在讲继承的实现之前,我们首先来回顾一下什么是继承?继承的作用是什么?它可以使用现有类的所有功能,并在无需重新编写原来的类的情况下对这些功能进行扩展。通过继承创建的新类称为“子类”或“派生类”。被继承的类称为“基类”、“父类”或“超类”。在清楚继承的作用之后,下...

js区分浏览器【代码】

function myBrowser() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器var isIE = userAgent.indexOf("compatible") > -1&& userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox...

用js来传参到父网页实现

今天搞了半天,用location.href提交参数到后台,结果php无法接收到参数,这让我找了半天,终于发现原因是本页被另外的主页引用了,最终发现问题出在提交js上,最终用parent.location.href=‘url‘;解决了问题。parent.location.href //跳转到当前面的父路径location.href //跳转到当前页原文:http://www.cnblogs.com/bk7788/p/5114940.html

JS中的constructor

// constructor属性始终指向创建当前对象的构造函数。比如下面例子:比如下面例子: //var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34, 12]; console.log(arr.constructor === Array); // true //var foo = new Function(); var Foo = function() {}; console.log(Foo.constructor === Function); // true //由构造函数实例化一个obj对象 ...

js重点之promise【代码】

promise是什么?作用?解决什么问题?promise是一个用于异步操作的对象。使代码可读性更好,提高性能,提高开发效率。promise解决了回调地狱的问题,回调地狱是指在异步ajax请求中不断嵌套使用。用法语法?基本语法:new Promise ((resolve,reject)=>{//resolve("成功")//reject("失败")}).then((resolve)=>{},(reject)=>{}})三种状态:fulfilled成功,rejected失败,pending进行中,状态一旦改变无法修改方法:Promise.catch用于处理...

js 实现全选反选

最近在做一个js特效:全选,反选。 效果能实现,可是只执行了一次。多次点击,发现效果不能触发了。后来查了些文档,才了解是 attr 跟 prop 的区别! 代码直接贴出来: ($("#全选ID").attr("checked") 的返回值 就是 true/false ) attr只能运行一次: function checked_all(){ $("input[name=‘XXX‘]:checkbox").each(function...

js 重载i【代码】

1<!DOCTYPE html> 2<html> 3<head lang="en"> 4<meta charset="UTF-8"> 5<title></title> 6<script type="text/javascript"> 7/* function sum(num1 , num2){8 return num1 + num2 ;9 } 1011 function sum(num1){ 12 return num1 + 100; 13 } 14 alert(sum(19)); //119 15 alert(sum(19,10)); //119 16*/17/** * 以下两个sum的写法与上面的两个function是...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部