1、原理: 2、快速入门案例js中的事件主要分为4种:案例:监听鼠标点击事件,并能够显示鼠标点击的位置x,y<script language="javascript" type="text/javascript">function test1(e){window.alert(‘x=‘+e.clientX+‘y=‘+e.clientY);}function test2(e){window.alert(‘x=‘+e.clientX+‘y=‘+e.clientY);}function test3(){window.alert(new Date());} </script> <body onmousedown="test1(event)" onmousemove="test2(event)">...
1、javascript 表单验证,减轻服务器压力 制作网页特效 动态改变页面内容 基于对象和事件驱动的,具有安全性能的脚本语言 交互,脚本语言。解释性语言,边执行边解释2、script标签 添加位置 1) head标签中 2)Body标签中 3)</body>与</html>闭合标签之中3、输出输出内容为字符串时必须加引号; 1)document.write(""); // 可以在页面输出标签 html、文档内容 2)alert("") //弹出警告框 ...
5.1 任务描述实现以下函数// 判断是否为IE浏览器,返回-1或者版本号function isIE() {// your implement}// 设置cookiefunction setCookie(cookieName, cookieValue, expiredays) {// your implement}// 获取cookie值function getCookie(cookieName) {// your implement }1.判断是否为IE浏览器,则需要利用ie仅有的属性,ActiveXObject,在ie10之前,直接利用window.ActiveXObeject进行判断,但是在ie11出现后,则出现了异常,要想兼...
div的显示和隐藏<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> #div1{color:red;border:5px solid purple;width:300px;height:200px;} </style> <script t...
前言: 正则对于一个码农来说是最基础的了,而且在博客园中,发表关于讲解正则表达式的技术文章,更是数不胜数,各有各的优点,但是就是这种很基础的东西,如果我们不去真正仔细研究、学习、掌握,而是抱着需要的时候,就去网上找现成的正则表达式来使用,像这样恐怕永远都是很难对正则有一个详细且全面的了解。 所以通过查阅书籍、网上的资料以及通过自己的理解、组织、表达,写了这篇《JavaScript RegExp 基础详谈》,算是...
多态多态的实际含义:同一操作作用与不同的对象上面,可以产生不同的解释和不同的执行结果,就是说,给不同的对象发送同一个消息的时候,这些对象会根据这个消息分别给出不同的反馈代码如下: class Duck{};class Chicken{};let make = function(animal){//instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上if(animal instanceof Duck){console.log(‘gagaga‘);}elsei...
11. js的new操作符做了哪些事情new 操作符新建了一个空对象,这个对象原型指向构造函数的prototype,执行构造函数后返回这个对象。 12.改变函数内部this指针的指向函数(bind,apply,call的区别)通过apply和call改变函数的this指向,他们两个函数的第一个参数都是一样的表示要改变指向的那个对象,第二个参数,apply是数组,而call则是arg1,arg2...这种形式。通过bind改变this作用域会返回一个新的函数,这个函数不会马上执行。 ...
1.ECMAScript(核心)ECMA-262没有参照web浏览器,规定了语言的组成部分,具体包括语法、类型、语言、关键字、保留字、操作符、对象。ECMAScript就是对该标准规定了各个方面内容的语言的描述。ECMAScript的兼容:1 支持ECMA-262描述的所有“类型,值,对象,属性,函数,以及程序语法和语义” 。2 支持Unicode字符标准。3 添加ECMA-262没有描述的更多“类型,值,对象,属性,函数”,ECMA-262说说的浙西新增特性,主要是指该标准中没...
var loop = true;一、变量命名规则1、变量要以字母、下划线或美元符开头。2、其后可跟多个数字、字母、下划线或美元符。3、一定要避开javascript的所有保留字。(下面留有部分保留字)二、加入html时机1、<head>...</head>双标记内<script>...</script>2、<head>...</head>双标记内引入外部js文件<script src="#"></script>3、<body>...</body>双标记内<script>...</script>三、描述标记(html)与描述计算(javascript)交互1、允许js...
关于JS的概念JavaScript 是一种弱类型语言。JavaScript 是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript是基于对象的。(因为面向对象需要具有封装、继承、多态的特征)JavaScript是一门解释型的语言,浏览器充当解释器(就是说,代码执行不进行预编译)。JavaScript执行引擎并不是一行一行的执行,而是一段一段的分析执行。JS的引入与放置位置1.引入方式一 2.引入方式二 3.引入方式二 4.错误方式 5.多段scrip...
javascript之BOM 学习要点: BOM介绍 Window对象一、BOM介绍 浏览器对象模型简称为BOM(Brower Object Model),BOM由很多对象构成,对象与对象之间有着相互联系。 BOM结构示意图如下:二、Window对象 Window对象是一个全局对象,是所有对象的顶级对象。对于每个打开的窗口,系统都会自动为其定义 window 对象。 1、Window对象的属性和方法属性 含义 closed当窗口关闭时为真 defaultStatus窗口底部状态栏显示的...
为什么要有JavaScriptJavaScript最初的目的 判断客户端的输入(以前的网速慢)JavaScript现在的意义 页面特效(PC端的网页效果) 移动端(移动web和app) 异步和服务器交互 服务端开发(nodejs)演示JavaScript的炫酷 http://www.codecombat.cn/(游戏) http://www.webhek.com/浏览器是如何工作的JavaScript语言JavaScript是世界上用的最多的脚本语言脚本语言:不需要编译,直接运行时边解析边执行的语言JavaScrip...
数据类型布尔:true/fasleconsole.log(typeoftrue);// "boolean"Number : true -->1 false -->0console.log(Number(true)); console.log(Number(false));Boolean : 把其他数据类型转换布尔值;console.log(Boolean(12));//true console.log(Boolean(10));//true console.log(Boolean(0));//false console.log(Boolean("{}"));//true console.log(Boolean("12px"));//true console.log(Boolean([]));//true console.log(Boolean({})...
1:定义:javascript是一种弱类型、动态类型、解释型的脚本语言。弱类型:类型检查不严格,偏向于容忍隐式类型转换。强类型:类型检查严格,偏向于不容忍隐式类型转换。动态类型:运行的时候执行类型检查。静态类型:编译的时候就知道每个变量的类型。解释型:程序不需要编译,程序在运行的时候才翻译成机器语言,每执行一次都要翻译一次,因此效率比较低,但是跨平台性好。编译型:程序在执行之前需要一个专门的翻译过程,把程序编...
一、函数的定义 函数式一段可以重复使用的代码块 1.1 函数声明和函数表达式 定义函数常用的两种方式是函数声明和函数表达式,如下: function fn1 () { //函数声明 console.log(‘fn1()‘) } var fn2 = function () { //表达式 console.log(‘fn2()‘) }关于函数声明与函数表达式的区别,请参考大神之作:https://www.cnblogs.com/chaoyuehedy/p/91100...