【JavaScript】--JavaScript总结一览无余

javascript --- javascript与DOM

javascript与DOM: 我们来个例子,一个HTML里包含一段文本和一个无序的列表. <p id="intro">My first paragraph...</p> <ul> <li>List item 1</li> <li>List item 1</li> <li>List item 1</li> <li>List item 1</li> <…

[JavaScript]JavaScript处理iframe的动作

随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍.作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来.较frameset方案,iframe在使用上更加灵活,文档结构更加友好. 本文就js操作iframe在不同浏览器(没错,又是浏览器兼容…)的差异性做一些说明,力求总结出一个适应于所有主流浏览器的方案,笔者只测试了IE 6/7/8(以下简称IE)和FireFox 5.0(以下简称FF). 约定与定义 iframeElement:…

JavaScript - javascript 中的 "||" 与 "&&" 的理解与灵活运

你肯定见到过这样的代码:a = a||"xxx". 它其实就等价于下面三种形式的代码: a = a || "xxx"; 与: if (!a) { a = "xxx"; } 和: if (a == null || a == "" || a == undefined) { a = "xxx"; } 如何理解三种代码.首先必须理解一个问题: javascript 中的数据类型在与bool类型转换时候发生了什么?…

JavaScript: JavaScript的简介和入门代码演示

1.Javascript的发展历史介绍: javascript是指的实在网页上编写的编程语言,其主要是控制器html的动态显示效果.HTMl能带来的只是一些基本的页面的风格,而要展示的漂亮使用CSS,但是依然发现整个代码都是固化的. javascript的前身是LiveScript,是由网景公司开发的.之所以改名为javascript,是因为当前Java语言的使用非常流行.所谓大树下好乘凉,那么网景公司将其以Java开头.唯一的好处就是, javascript使用的是标准的编程习惯语言(C.C+…

[JavaScript] JavaScript作用域深度解析

JavaScript作用域 JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里. -- JS权威指南在JS里,一切皆对象,函数也是. 一.有什么用什么时候会用到它?它的存在有什么意义?这是我在学习一个新知识的时候首先发起的疑问.那么,在JavaScript里,作用域有什么用? 作用域规定了变量和函数的可访问范围,这个可访问范围可以细分为两个场景:变量和函数的可见性和生命周期. 可见性:当访问某个变量的时候,访问的是局部变量还是全局变量?重复命名了多个变量,到底…

[JavaScript] JavaScript事件注册,事件委托,冒泡,捕获,事件流

面试题 event 事件事件委托是什么? 如何阻止事件冒泡,阻止默认事件呢? Javascript 的事件流模型都有什么? 事件绑定和普通事件有什么区别? Event 对象 Event 对象,当事件发生的时候出发某个函数,该 Event 对象将自动在函数内可用,该对象包含了很多事件触发时候的信息, 但 IE 却没有这么实现,而是自己实现的,IE 浏览器是通过全局对象 window 下的 event 属性来包含这些信息 function myEventHandler(e) { // 注意参数e…

[从jQuery看JavaScript]-JavaScript

什么是JavaScript?相信随便百度Google一下都能找到一大堆的定义解释.而在我的理解中,JavaScript就是一种客户端的脚本语言,用于处理页面数据逻辑和用户体验(网页特效).实际上,JavaScript并不仅仅只能用于客户端,它还能用于服务器端编程,典型的例子就是Mozilla Rhino.Mozilla Rhino是一个纯Java的开源的JavaScript实现,它只是对JavaScript核心语法的编译实现,并没有对HTML对象的处理等功能(这不是当然的嘛……).而我学习整理的…

从零开始学习前端JAVASCRIPT — JavaScript中this指向的四种情况

JavaScript中this的四种情况(非严格模式) 1.当this所在函数是事件处理函数时,this指向事件源.2.当this所在函数是构造函数时,this指向new出来的对象.3.this所在函数的所属对象是谁,this指向函数所属对象.4.当this所在函数没有所属对象,this指向window对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g…

javascript javascript面向对象的理解及简单的示例

javascript面向对象的理解及简单的示例零.本节重点: 1.封装: 2.继承: 壹.下面理解: 一. javascript面向对象概念: 为了说明 JavaScript 是一门彻底的面向对象的语言,首先有必要从面向对象的概念着手 , 探讨一下面向对象中的几个概念: 1.一切事物皆对象 2.对象具有封装和继承特性 3.对象与对象之间使用消息通信,各自存在信息隐藏以这三点做为依据,C++ 是半面向对象半面向过程语言,因为,虽然他实现了类的封装.继承和多态,但存在非对象性质的全局函数和变量.…

javascript javascript加载类似星座、血型的函数

javascript加载类似星座.血型的函数 //加载血型 function bloodtypelaod(constellation) { var obj = document.getElementById('bloodtype'); obj.options.length = 0; var option = document.createElement("option"); option.value = "0"; option.text = "请选择&q…

JavaScript -- JavaScript DOM 编程艺术(第2版)

/* 渐进增强平稳退化网页结构层(structural layer): HTML 表示层(presentation layer): CSS <link rel="stylesheet" href="style.css" media="screen"/> 行为层(behavior layer): JavaScript <script src="scripts.js"></script>…

[Javascript] JavaScript赋值时的传值与传址

JavaScript中有两种不同数据类型的值,分别是基本数据类型与引用数据类型基本数据类型包含5类,分别是:Number.String.Boolean.Null.Undefined 引用数据类型包含剩下的Array.Date.Math.RegExp.Object.Function等将一个值赋给变量时,解析器必须确定这个值是基本类型还是引用类型. 基本类型是按值直接访问的引用类型是按引用访问的基本数据类型赋值: //此处是基本数据类型对的赋值 //最后在改变了b的值得情况下,a的值不受影响…

[ JavaScript ] JavaScript 实现继承.

对于javascript中的继承,因为js中没有后端语言中的类式继承.所以js中的继承,一般都是原型继承(prototype). function P (name){ this.name = name; this.say = function(){ console.log('p'); } } function S (name,id){ this.id = id; this.eat = function(){ console.log('s'); } } S.prototype = P.protot…

[ Javascript ] JavaScript中的定时器(Timer) 是怎样工作的!

作为入门者来说.了解JavaScript中timer的工作方式是非常重要的.通常它们的表现行为并非那么地直观,而这是由于它们都处在一个单一线程中.让我们先来看一看三个用来创建以及操作timer的函数. var id = setTimeout(fn, delay); - 初始化一个单一的timer,这个timer将会在一定延时后去调用指定的函数.这个函数(setTimeout)将返回一个唯一的ID,我们能够通过这个ID来取消timer. var id = setInterval(fn, delay…

[javascript] Javascript的笔记

1.2019年10月20日12:28:16,学习HOW2J的Javascript, 2.一般见到的缩写js,就是javascript的意思: 3.javascript代码必须放在script标签中,script标签可以放在html的任何地方,一般建议放在head标签里. 4.什么叫做一段script代码? 出现一次<script> ....... </script>就叫一段script代码: 5.使用外部js文件当HTML里script代码太多的时候,看起来很繁杂,可以把java…

[Javascript] JavaScript Array Methods in Depth - push

Array push is used to add elements to the end of an Array. In this lesson we'll see how the push method accepts multiple arguments, can be used to merge two arrays,. Push can accept multi args: const pets = ["dog", "hamster"]; pets.pus…

Modular javascript(javascript模块化编程)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…

[javascript] javascript 实现数据滚动加载

// tpl generate var tmpl = (function (cache, $) { return function (str, data) { var fn = !/\s/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : function (data) { var i, variable = [$], value = [ [] ]; for (i in da…

[javascript]javascript取得html元素，取得html样式，修改html样式

一.取得html元素详情见:https://www.jb51.net/article/116460.htm 1.通过ID获取(getElementById) document.getElementById('id') 2.通过name属性(getElementsByName) document.getElementsByName('name') 3.通过标签名(getElementsByTagName) document.getElementsByTagName('p') 4.通过类名(get…

JavaScript -- JavaScript高级程序设计

/* 基本类型 Undefined, Null, Boolean, Number, String. 复杂类型 Object 它是所有对象的基础类型. 引用类型 Object 创建:new Ojbect() 和对象字面量语法{...} 读取:. 和 [...] Array 创建:new Array().Array() 和数组字面量语法[...] 读取:[下标] length:不只是只读,改变length的值,会改变数组的长度. isArray() 判断某个对象是不是数组:https://www…

[Javascript] Javascript 'in' opreator

If you want to check whether a key is inside an Object or Array, you can use 'in': Object: const obj = { name: 'GraphQL', watched: false }; console.log('name' in obj); // true console.log('title' in obj); // false Array: const characters = [ 'Harry P…

JavaScript基础知识总结（一）

当我们接触一种新语言时,首先要先了解它,对它有一定的理论认识. 那么,什么是JavaScript呢? JavaScript是一种脚本语言,由web浏览器进行解释和执行.它包括ECMAScript.DOM和BOM. ECMAScript:JavaScript核心语法 (描述了JavaScript组成语言的语法和基本对象) DOM:Brwoser Object Model 文档对象模型 (描述处理页面内容的方法和接口) BOM:Document Object Model 浏览器对象模型 (描述与浏览…

【转】浅谈JavaScript、ES5、ES6

什么是JavaScript JavaScript一种动态类型.弱类型.基于原型的客户端脚本语言,用来给HTML网页增加动态功能.(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型.变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型. 弱类: 计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型. 原型: 新对象继承对象(作为模版),将自身的属性共享给新对象,模版对象称为原型.这样新对象实例化后不但可以享有自己创建时和运行时定义的属性,…

JavaScript的基本语法

1.脚本的基本结构如下: <script language="JavaScript">  </script> 提示:一般将核心脚本语句放置在标签<head>...</head>之间. document.write()方法用于页面输出显示信息. 问题:为什么浏览器显示的脚本的内容而不是脚本执行的结果? 答:a.遗漏开始或结束的<script>.b.扩展名不是.html…

OVGap iOS与Javascript交互(H5与原生APP交互)

源代码:https://github.com/windshg/OVGap OVGap:一个轻量级的类库,能够让iOS应用和远程网页的 Javascript 代码进行通信,也就是说,远程的 Javascript 代码能够调用iOS代码.类库的工作机制是基于一种插件结构(plugin architecture) Objective-C: 对于本机的目标代码,插件的配置很容易.你所要做的就是实现一个由ogplugin然后填充方法谁想要提供的JavaScript代码从Web视图为本地接口继承的类.这里是…