document.write("Javascript引用方式!");<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript直接方式</title> </head><body>Hello World<script language="javascript">document.write("JavaScript直接方式!");</script> </body> </html><!doctype html> <html> <head> <meta charset="utf-8"> <title>引用方式</title> </head><body>Hello World<script src="myScript.js"></script> </body> </html> ...
相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的基本配置,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗?为什么学习web前端开发要学习JavaScrip,并且必须要掌握,且精通? 关于JS有一句话:凡是可以用JavaScript来写的应用,最终都会用JavaScript,JavaScript可运行在所有主要平台的所有主流浏览器上,也可运行在每一个主流操作系统的服务器端上。现如今我们...
【转】 前端笔记之JavaScript(六)让人头疼的正则表达式 一、正则表达式 1.1正则概述和体验 正则表达式是被用来匹配字符串中的字符组合的模式,常用来做表单验证。在JavaScript中,正则表达式也是对象,是一种引用类型。 案例:正确输入一个电话号码,010-12345678,用户输入正确返回“对”,错误返回“错” var tel = prompt("请输入电话号码"); var reg = /^\d{3}-\d{8}$/; if(reg.test(tel)){alert("对"); }else{alert("错")...
【转】 前端笔记之JavaScript(七)深入函数&DOM那点事 一、函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象。 在函数中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 在其它编程语言中,比如java:如果一个函数被定义过两次,每次参数个数都不同。相当于定义了两个不同的函数,根据参数个数不同,会选择不同的函数执行。一个函数名定义了两个函数,称为“函数重载...
【转】 前端笔记之JavaScript(八)关于元素&计算后的样式 一、获取元素方法(JS选择器) 1.1概述 得到id元素的方法 document.getElementById()得到一个元素。事实上,还有一个方法可以得到标签元素,并且得到的是多个元素: document.getElementsByTagName(); 全线浏览器兼容的,得到元素的方法,就这两个: document.getElementById() 通过id得到元素 document.getElementsByTagName(); 通过标签名得到元素们 还有...
【转】 前端笔记之JavaScript(九)定时器&JSON&同步异步/回调函数&函数节流&call/apply 一、快捷位置和尺寸属性 DOM已经提供给我们计算后的样式,但是还是觉得不方便,因为计算后的样式属性值都是字符串类型。 不能直接参与运算。 所以DOM又提供了一些API:得到的就是number类型的数据,不需要parseInt(),直接可以参与运算。 offsetLeft和offsetTop offsetWidth和offsetHeight clinetWidth和clinetHeight 1.1 offsetWidth和o...
【转】 前端笔记之JavaScript(十)深入JavaScript节点&DOM&事件 一、DOM JavaScript语言核心。变量的定义、变量的类型、运算符、表达式、函数、if语句、for循环、算法等等。这些东西都属于语言核心,下次继续学习语言核心就是面向对象了。JavaScript能做非常多的事情:DOM开发、Ajax开发、Canvas开发、NodeJS开发、前端框架(React、Vue、Angular等等)、HTML5开发。这些都需要语言核心的知识。 DOM开发说白了就是浏览器中的页面...
【转】 前端笔记之JavaScript(十一)event&BOM&鼠标/盒子位置&拖拽/滚轮 一、事件对象event 1.1 preventdefault()和returnValue阻止默认事件 通知浏览器不要执行与事件关联的默认动作。 preventdefault() 支持Chrome等高级浏览器 returnValue 支持IE6、7、8var box = document.getElementById(box); var i = 0; //鼠标在box盒子滚动时触发 box.onmousewheel = function(event){var event = event || window.event;//能力检测...
【转】 前端笔记之JavaScript(十二)缓冲公式&检测设备&Data日期 一、JavaScript缓冲公式ease 原生JS没有自己的缓冲公式,但是你要自己推理的话,必须要懂一些数学和物理公式: 让div用100毫秒(帧),从left100px的位置变化到left800px的位置,要求匀速: 大致计算如下:毫秒编号(帧)距离起点的增量目前绝对的位置0010017107214114.........tt*c/db+t*c/d49343443503504509868678699693793100700800t是时间增量,b为100,c为7...
【转】 前端笔记之JavaScript面向对象(一)Object&函数上下文&构造函数&原型链 一、对象(Object) 1.1 认识对象 对象在JS中狭义对象、广义对象两种。 广义:相当于宏观概念,是狭义内容的升华,高度的提升,范围的拓展。狭义:相当于微观概念,什么是“狭”?因为内容狭隘具体,范围窄所以称为“狭” l 狭义对象 就是用{}这种字面量的形式定义的对象,它是一组属性的无序集合var obj = {name : "小明",age : 12,sex : "男",hobb...
【转】 前端笔记之JavaScript面向对象(二)内置构造函数&相关方法|属性|运算符&继承&面向对象 一、复习 1.1复习上下文函数的调用方式上下文fun()windowobj.fun()objbox.onclick = funboxsetInterval(fun,1000) setTimeout(fun,1000)windowarray[8]()arraynew fun()秘密创建的新对象 要看清楚最终的函数调用者是谁。 IIFE也被当做函数直接运行,IIFE的this都是window对象 函数的arguments是类数组对象,比如传入的第0项参数是函数...
【转】 前端笔记之JavaScript面向对象(四)组件化开发&轮播图|俄罗斯方块实战 一、组件化开发 1.1组件化概述 页面特效的制作,特别需要HTML、CSS有固定的布局,所以说现在越来越流行组件开发的模式,就是用JS写一个类,当你实例化这个类的时候,页面上的效果布局也能自动完成。new Carousel(); 实例化后,页面中就有一个轮播图的布局结构,而且可以通过参数传递进去。 这个new里面封装了HTML、CSS、JS的业务逻辑。组件开发的规律...
【转】 web前端基础知识-(三)JavaScript基本操作 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript 很容易学习。 一、如何编写? 1.JavaScript代码存在形式<!-- 方式一 --> <script type="text/javascript" src="JS文件"></script><!-- 方式二 --> <script type="text/javascript">Js代码内容 </script> 2.JavaScript存放位...
题目 function Foo() {getName = function () { alert (1); };return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = function () { alert (3);}; var getName = function () { alert (4);}; function getName() { alert (5);}//请写出以下输出结果: Foo.getName(); getName(); Foo().getName(); getName(); new Foo.getName(); new Foo().getName(); new new Foo().getName(); 这几天面试上几次碰上...
数据类型 类型 作用number 数字类型,整型浮点型都包括string 字符串类型boolean 布尔类型,true或falseundefine 未定义,一般指已经声明,但是没有赋值的变量null 空对象类型,var a= null,和var a = ""有区别object 对象类型,window.document,array等NaN 是Number的一种特殊类型,isNaN()是数字返回false,不是返回true类型转换方法 描述parseFloat() 解析一个字符串,并返回一个浮点数。parseInt() 解析一个字符串,并返回一个整数。N...