JavaScript组成:ECMAScript,描述了该语言的语法和基本对象。文档对象模型(DOM),描述处理网页内容的方法和接口。浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。 JavaScript基本特点:一种解释性脚本语言;主要用来想HTML页面添加交互行为;可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离;跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行; 日常用途:嵌入动态文本与HTM...
首先将HTML结构搭建好:<div id="container"><div id="list" style="left: -600px;"><img src="img/5.jpg" alt="1"/><img src="img/1.jpg" alt="1"/><img src="img/2.jpg" alt="2"/><img src="img/3.jpg" alt="3"/><img src="img/4.jpg" alt="4"/><img src="img/5.jpg" alt="5"/><img src="img/1.jpg" alt="5"/></div><div id="buttons"><span index="1" class="on"></span><span index="2"></span><span index="3"></span><span i...
回顾前面介绍过的三种定义函数方式1. function sum (num1, num2) { return num1 + num2; } //函数声明语法定义2. var sum = function(num1, num2){ return num1 + num2; }; //函数表达式定义 3. var sum = new Function("num1", "num2", "return num1 + num2"); //Function 构造函数 在分析闭包之前我们先来看看,定义和调用函数容易犯的错误。例1:sayHi(); //错误:函数还不存在var sayHi = function () {alert("test"); };例2...
一、document.write方法document对象write()方法,常用来向网页中输出字符串,圆括号中可以是要输出的字符串,document.write(‘这是我的个人博客‘);也可以是字符串变量,var myText = ‘这是我的个人博客‘; document.write(myText);还有一种,就是通过字符串和变量组合的方式进行输出。var myText = ‘这是我的‘; document.write(myText + ‘个人博客‘);document.write还可以应用到函数中,不过我需要在HTML中调用这个函数才能...
原生缺点:1. JS的出现使得网页与用户之间实现了一种实时/动态/交互的关系,网页可以包含更多活跃的元素和精彩的内容2. JS的弊端在于复杂的DOM对象,而JQuery封装了很多预定义的对象和使用函数简化了DOM操作,使得我们可以快速创建有高难度交互的富客户端页面,且兼容各大浏览器简单介绍:1. JQuery是一个优秀的JavaScript库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼容性和链式操作等功能,目前团队主要推核心库(JQuery)/...
注意:以下样式都是只读的 元素.clientHeight - 元素的可见高度,指元素的内容区和内边距的高度 元素.clientWidth - 元素的可见宽度,指元素的内容区和内边距的宽度 元素.offsetHeight - 整个元素的高度,包括内容区、内边距、边框 元素.offfsetWidth - 整个元素的宽度,包括内容区、内边距、边框 元素.offsetParent - 当前元素的...
一、创建Number实例对象/*** new Number(value);* value 被创建对象的数字值** Number 对象主要用于:如果参数无法被转换为数字,则返回 NaN。在非构造器上下文中 (如:没有 new 操作符),Number 能被用来执行类型转换*/let number = new Number("1100");console.log(number); //Number {1100}console.log(Number("123")); // 123console.log(Number("")); // 0console.log(Number("0x11")); // 17console.log(Numb...
js规范 缩进一个tab = 4个空格 + * 左右都要有一个空格 每一条语句后面都要跟一个;分号 查看js错误 1.firefox firebug 2.google google控制台 字符串类型和其他类型相加,自动转换成字符串类型,所做的就是字符串拼接 1.与NaN(not a number)进行算数运算,结果依旧是NaN,包括NaN和NaN进行运算也是nun自己 var num=1-"2a"; 结果"2a"转换成数字NaN,NaN减去NaN也是...
Js基础-闭包,事件 1:js中的闭包 概念:在一个函数内部又定义了一个函数,内部函数能访问到外部函数作用域范围内的变量,这时这个内部函数就叫做闭包,无论这个内部函数在哪里被调用都能访问到外部函数作用域中的那些变量。这些闭包是通过作用域链来实现的。 闭包可以做什么: 改变变量作用域;js中的面向对象都是用闭包来模拟的。 注意:当代码中有闭包的时候,闭包的代码什么时间执行最重要。Eg:下面的代码相当于C#中的局部变量...
<script type="text/javascript"> //求数组中最大的数var arr=[123,456,789,657,432,564]; var arrMax= getMaxValue(arr); alert(arrMax); function getMaxValue(arrInt) {var max=arrInt[0];for(var i=0;i<arr.length;i++){if(arrInt[i] > max){max=arrInt[i];}}return max; } </script>结果:789//数组转换为字符串<script type="text/javascript"> var names=["京客隆","问候语","时间的话","搜舞蹈","圣诞节快乐"] var named=g...
1 - 编程语言1.1 编程编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。计算机语言的种类非常的多,总的来说可以分成机器语言,...
Javascript能做些什么?给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等。如实现到轮播图、拖拽、放大镜等,而动态的数据就好比不像没有js页面一样,把全部内容都写在页面一股的加载到页面上,而是达到某个条件才把需要的内容加载进去,如瀑布流图片,动态的标签,就好比一个聊天框,你一条话语,别人一条话语,而这些语段都被标签包住,让后添加到页面,动态样式就如轮播图的现实效果,我们都知道cs...
废话不多说,代码如下: 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title>贪吃蛇</title>6 <script>7var map; //地图类对象 8var snake; //蛇类对象 9var food; //食物类对象 10var timer; //定时器对象 11var sum=0; //分数 12 13//地图类 14function Map()15 {16this.width=800; //地图宽度 17this.height=400; //地图高度 18this.position=‘absolute‘; //定位方式 19this.color=‘#cccccc‘; //地图...
1.BOM对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可.windows对象方法alert() 显示带有一段消息和一个确认按钮的警告框。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 prompt() 显示可提示用户输入的对话框。open() 打开一个新的浏览器窗口或查找...
终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋。可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了。今天我们就来好好分析下这个高大上的东西。可以说,如果没有事件我们的页面就只能阅读了。有了事件,我们可以通过键盘或是鼠标和页面交互了,通过我们不同的操作页面给出不同的响应。好了,开始我们今天的分析吧。DOM0级事件处理方式什么是DOM0级?其实世上本来没有DOM0级,叫的人多了就有了DOM0级。...