【Javascript,摆脱“ this”并使用本地范围】教程文章相关的互联网学习教程文章

【总结】IE和Firefox的Javascript兼容性总结

1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替。2.禁止选取网页内容:在IE中一般用js:obj.onselectstart=function(){return false;}而firefox用CSS:-moz-user-select:none3.滤镜的支持(例:透明滤镜):IE:filter:alpha(opacity=10);firefox:-moz-opacity...

Javascript根据select值隐藏table的列

实例。。。<html><head><title></title><script type="text/javascript" src="../jquery/jquery-1.8.3.js"></script><script type="text/javascript" src="../jquery/jquery-1.8.3.min.js"></script><script type="text/javascript"> function ChangeColum (FieldObject){ var selectIndex = FieldObject.selectedIndex; //dropdownlist选中的项数 var strStyle = FieldObject.options[selectIndex].text;//取...

javascript: 使用指定字符替换明文字符串【代码】

/*** 使用指定字符替换明文字符串*/export function hiddenStr(str, front, end, hiddenChar = ‘*‘) {let len = str.length - front - end;let replaceStr = ‘‘;for(let i = 0; i< len; i++) {replaceStr += hiddenChar;}let frontStr = str.subtring(0, front);let endStr = str.substring(str.lengtn - end);return frontStr + replaceStr + endStr }export default {hiddenStr } 原文:https://www.cnblogs.com/Nyan-Workfl...

js创建、写入、读取文件(转)【代码】

下面是对此知识的系统介绍(转自互联网): Javascript 是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进 行读、写和删除,就象在VB、VC等高级语言中经常做的工作一样。怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用 Javascript语言进行文件操作。 一、功能实现核心:FileSystemObject 对象 其实...

JS异步那些事【代码】

1. 事件循环JS是单线程执行的(浏览器渲染进程的渲染主线程),它怎么处理各种各样的异步操作和事件呢?最早的方案是回调,如SetTimeout来设置定时器,通过XmlHttpRequest(ActiveXObject)来异步下载文件或调用后端API,如Node中可以使用readFile来读取文件,他们都是通过传入回调函数,当浏览器和Node执行完了之后把返回的数据作为参数给回调函数进行调用。那么多的事件,诸如有触发绘制页面的事件,有鼠标点击、拖拽、放大缩小的...

【翻译】在Ext JS中创建特定主题的重写

Ext JS提供了大量的功能来使类的创建和处理变得简单,还提供了一系列的功能来扩展和重新现有的Javascript类。这意味着可以为类添加行为和创建属于自己的类,或者重写某些函数的行为。在本文,将展示如何实现特定主题类的重写。原文:http://www.sencha.com/blog/creating-theme-specific-overrides-in-ext-js/作者:Lee Boonstra Lee is a technical trainer at Sencha. She’s located in Ams...

js的异步回调事件【代码】

转载的:转自阮一峰的博客:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html一、回调函数这是异步编程最基本的方法。假定有两个函数f1和f2,后者等待前者的执行结果。  f1();  f2();如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。  function f1(callback){    setTimeout(function () {      // f1的任务代码      callback();    }, 1000);  }执行...

面向对象的JS(一)【代码】

/*JavaScript和其他的语言类似,也是面向对象,自然也就是存在类和对象(对象是类的实例化)*///1、JS对象var empty = {}; //没有任何属性的对象var point = { x: 0, y: 0 }; //两个属性和值var point2 = { x: point.x, y: point.y } //复杂的属性和值var book = {"main title": "javascript", //属性名字中有空格,必须用字符串表示"sub-title": "The Definitive Guide", //属性名字里有连字符,必须用字...

webpack 之 配置js代码兼容【代码】【图】

因为es6语法不兼容部分浏览器,所以要对项目进行配置1.安装依赖npm install babel-loader @babel/preset-env @babel/core core-js -D //第一三方法安装这个npm install @babel/polyfill -D //第二个方法安装这个2.三种方法兼容(1)babel-loader @babel/preset-env @babel/core 兼容 只能兼容基本的语法,但是像是promise语法,无法进行兼容(2)兼容全部js语法 @babel/polyfill   在index.js中引入依赖即可  import ...

【JavaScript】排查错误【代码】

以下内容为学习记录,可以参考 MDN 原文。环境vscode 1.46Microsoft Edge 83排错之前创建一个猜数字的游戏,如果还没有运行起来的话,接下来的排查错误可以帮忙到你。 如果没有调试出来也没有关系,记着可以打开 F12 进行调试就可以了,以后会用到的。错误类型一般来说,代码错误主要分为两种:语法错误:代码中存在拼写错误,将导致程序完全或部分不能运行,通常你会收到一些出错信息。只要熟悉语言并了解出错信息的含义,你就能够...

网页 JavaScript

今天,我主要学习了JavaScript的部分内容。  JavaScript在html中的位置主要有三个地方:head里面、body里面、</html>之后,我们一般写在</html>之后。  在JavaScript中,有三个常用对话框:alert("")警告对话框、confirm("")确定对话框、prompt("")弹出一个可以输入内容的对话框。  接下来,我主要学习了一下JavaScript的基本语法并做了几个小练习。  例:输入年份并判断其是否为闰年。  请输入年份:<input type="text"...

JavaScript中的prototype属性【代码】【图】

1 <!doctype html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Document</title>6 <script type="text/javascript">7/* 8 每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用)的时候,新创建的对象会从原型对象上继承属性和方法。9*/10function employee(n...

一步步学习javascript基础篇(8):细说事件【代码】【图】

终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋。可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了。今天我们就来好好分析下这个高大上的东西。可以说,如果没有事件我们的页面就只能阅读了。有了事件,我们可以通过键盘或是鼠标和页面交互了,通过我们不同的操作页面给出不同的响应。好了,开始我们今天的分析吧。DOM0级事件处理方式什么是DOM0级?其实世上本来没有DOM0级,叫的人多了就有了DOM0级。...

Javascript通过className选择元素

?12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> window.onload = function() { varoUl = document.getElementById("ul1"); va...

JS备忘--子父页面获取元素属性、显示时间【代码】

//页面加载完成后执行$(function () { getHW();});//当用户改变浏览器大小改变时触发$(window).resize(function () { setHW(); });//每500毫秒运行一次window.setInterval("getH()", 500);//获取页面的高度,并传给父页面的元素function getSubPageH() {var parentWorkDiv = $("#workDiv", parent.document);//工作区DIVvar parentLeftDiv = $("#leftDiv", parent.document); //左侧菜单DIVvar parentTopDiv = $("#topDiv", parent...

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 全部