精华内容
下载资源
问答
  • js技术分享

    2016-01-05 11:51:05
    JS面向对象的程序设计,面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象
  • 资源名称:javascript 分层概念 JS技术理念问题PPT版   内容简介: 第一届 web rebuild 北京会有个前淘宝前端开发工程师阿当分享的 PPT 在公司团队内部有同事下载的分享,然后看了。 在...
  • 从头构建一个现代JavaScript技术栈的一步一步教程
  • 针对组织人与任务互动过程任务管理部分,在总结模拟方法和手段的基础上,通过可缩放矢量图形技术(SVG)与JavaScript脚本代码技术(JS)相结合的方式,将基于SVG技术的模拟方法应用到企业任务管理过程中,并试图利用JS...
  • JavaScript技术手册

    2009-12-10 11:24:30
    javascript技术手册 初学JS脚本必看
  • javascript技术难点(三)之this、new、apply和call详解
  • JavaScript技术讲解,ppt文档,javaScript技术电子文档,叫你如何学习掌握JavaScript技术
  • 本文对JavaScript关联技术整理成技术路线地图,帮你揭示JavaScript技术脉络,快速了解JavaScript的昨天、今天和明天。 0.JavaScript何许人也?(懂的,跳过) 有少数人可能还不知道JavaScript是什么?JavaScript,...
  • 常用JS大全,Javascript经典技术
  • JavaScript技术培训

    2013-09-05 13:32:59
    JavaScript技术培训资料,JS基础,Ext基础,JavaScript数据类型、两种复合数据类型和两种特殊数据类型。
  • 采用HTML和JavaScript技术编写桌面应用,NW.js是一个应用程序运行时基于Chromium和node.js
  • 【Three.js技术简介】什么是Three.js

    千次阅读 2020-12-12 09:42:34
    (1)Three.js百度百科:https://baike.baidu.com/item/three.js/7896801?fr=aladdin (2)WebGL百度百科: https://baike.baidu.com/item/WebGL/592485?fr=aladdin (3)OpenGL百度百科:...

    部分内容参考自:
    (1)Three.js百度百科:https://baike.baidu.com/item/three.js/7896801?fr=aladdin
    (2)WebGL百度百科:
    https://baike.baidu.com/item/WebGL/592485?fr=aladdin
    (3)OpenGL百度百科:https://baike.baidu.com/item/OpenGL/238984?fr=aladdin
    (4)OpenGL ES百度百科:https://baike.baidu.com/item/OpenGL%20ES/7922580?fr=aladdin
    (5)《Three.js开发指南》(Jos Dirksen著)
    (6)http://www.yanhuangxueyuan.com/


    一、什么是Three.js?

    Three.js是用JavaScript编写的一个第三方库,用于实现很多的3D功能。而此Three.js正是封装的WebGL这个库,WebGL又是封装的OpenGL ES 2.0与JavaScript。而OpenGLES 2.0又是OpenGL 三维图形 API 的一个子集,而OpenGL是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API),或者说仅仅是一个规范,因此,以上关系用一个图来说明的话,如下所示:
    在这里插入图片描述

    二、Three.js可以做什么

    3D游戏开发、3D效果展示、物联网3D可视化等等…

    图例一(3D游戏开发):下图为本人拙作,控制一只小鸟模型在杂乱无章的几何体方块群中,朝任意方向飞行。
    在这里插入图片描述

    图例二(3D效果展示):参考自《Three.js开发指南》书中的例子,可以调整参数,从而改变此几何体的各项指标,进而改变形状。
    在这里插入图片描述

    图例三(物联网3D可视化)
    (1)3D动态家装展示,参考自:http://www.yanhuangxueyuan.com/3D/houseDesign/index.html
    在这里插入图片描述

    (2)3D动态粮仓展示,参考自:http://www.yanhuangxueyuan.com/3D/liangcang/index.html

    在这里插入图片描述

    展开全文
  • js技术文档.doc

    2013-07-22 11:20:17
    js.doc js的经验之谈,提供一些丰富的讲解,使知识点更通顺
  • javaScript技术资料

    2013-02-20 15:32:04
    javaScript常用技术资料,数学对象,日期对象,浏览器
  • JavaScript核心技术PDF

    2018-03-20 17:21:36
    JavaScript核心技术,PDF电子书,高清版本,入门好教材
  • 用打字稿写的javascript技术指标。 安装 Node.js版本> = 10 npm install --save technicalindicators const SMA = require ( 'technicalindicators' ) . SMA ; Node.js版本<10 对于低于10的nodejs版本,请使用...
  • TUM Javascript 技术研讨会项目 2015 安装 安装der依赖 npm install 执行 启动假服务器 启动提供事件调用的假服务器 node fake-server.js 该服务器默认在3001端口执行 你可以开始一个新的游戏 ...
  • js-google-keep-clone 它是Google的克隆版本,一直在使用HTML,CSS和JavaScript技术
  • 50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With CSS3 CSS3 Analogue ...
  • JS技术文档

    2013-11-14 18:55:03
    JavaScript是一门动态的,弱类型,基于原型的脚本语言。在JavaScript中“一切皆对象”,在这一方面, 它比其他的OO语言来的更 为彻底,即使作为代码本身载体的function,也是对象,数据与代码的界限在 JavaScript中...
  • javascript_分层概念_JS技术理念问题PPT版
  • 我一直对人工智能识别技术非常感兴趣,因为我无法想象这究竟是一种什么...我找到的一个可以用于人脸识别的JavaScript程序包是Face Detection,它是由Jay Salvat和Liu Liu开发的。它是一个标准的jQuery插件,通过对提供
  • 本文总结了Javascript中常见的依赖注入方式,并以inversify.js为例,介绍了方言社区对于Javascript中DI框架的尝试和初步成果
  • javascript 分层概念 JS技术理念问题PPT版.ppt
  • javascript技术大全

    2008-12-23 20:25:01
    JS技术大全(防止复制,粘贴等) 用javascript改变onclick调用的函数 用JavaScript加密保护网站页面 用Javascript检测网速的方法 用Javascript评估用户输入密码的强度 用JavaScript实现仿Windows关机效果 用...
  • 技术分析之JavaScript

    热门讨论 2016-04-24 22:43:32
    **技术分析之JavaScript的概述** 1. JavaScript(简称JS)是基于对象和事件驱动的脚本语言,主要作用在客户端(浏览器)上。 2. JS提供的作用 * HTML -- 使用标签封装数据 * CSS -- 设置样式 * JS -- 提供...
    **技术分析之JavaScript的概述**

    1. JavaScript(简称JS)是基于对象和事件驱动的脚本语言,主要作用在客户端(浏览器)上。
    2. JS提供的作用
    * HTML -- 使用标签封装数据
    * CSS -- 设置样式
    * JS -- 提供的是程序设计的语句(提供方法、变量、判断语句、循环语句和使用对象)

    3. JS的特点
    * 交互性 -- 用户体验比较好
    * 安全性 -- JS程序不能访问本地的硬盘
    * 扩平台性 -- 浏览器就可以解析JS文件

    4. JS与Java是不同的
    * JS和Java没有任何关系
    * JS的历史
    * Netscape(网景)公司开发和浏览器相关的一些产品。自己开发了一套语言。LiveScript。
    * Java诞生了。LiveScript做了升级,改了名JavaScript。
    * 当时微软是巨头自己开发一套。语言JScript。IE默认支持JScript。
    * 最终推出了版本 ECMAScript语言。现在也一直在使用。

    5. 不同点
    * JavaScript基于对象,Java是面向对象。
    * JS只需要解析就可以执行,Java先编译再执行。
    * JS是弱类型的语言,而Java是强类型的语言。

    6. JS语言的组成
    * ECMAScript -- JS底层的规范
    * BOM -- 浏览器对象模型(Browser Object Model)
    * DOM -- 文档对象模型(Document Object Model)

    7. JS域HTML的结合
    * 在HTML文件内直接编写js代码
    * 每个HTML的文件,提供了标签<script type="text/javascript">js的代码</script>
    * <script>标签可以放在页面的任意的位置上。
    <script type="text/javascript">
    // 弹出提示框
    alert("hello js!!");
    </script>

    * 先编写xxx.js结尾的文件,在HTML中引入该文件。
    * 引入外部的js文件的方式,在<script type="text/javascript" src="js文件的地址">提供了一个属性src,可以引入的js的文件了
    * 注意:如果srcipt标签通过src属性引入了外部的文件之后,中间的js代码就不能执行了。
    * <script type="text/javascript" src="hello.js"></script>

    **技术分析之JavaScript的语法**

    1. JS的注释:和Java一样。有三种注释。 // 单行  /*多行注释*/   /** 文档注释 */
    2. JS定义变量:标识内存中的一片空间,存储数据。数据是可以变化的。
    * 在JS中,因为JS是若类型的语言,定义变量都会使用同一个关键字:var 变量名称 = 值;

    3. JS的基本数据类型
    * string -- 字符串类型,使用双引号或者单引号都代表字符串
    * number -- 数字类型,不区分整形和小数类型
    * boolean -- 布尔类型
    * undefined -- 未定义,变量声明但是没有赋值
    * null -- 引用类型的默认值


    4. JS的运算符和语句
    * JS的运算符和Java中基本一致
    * 有一个特殊的是比较运算符
    * == 只比较值
    * === 即比较值又比较类型


    * JS的语句和Java中基本一致
    * 常用的if判断语句和for循环语句等

    5. JS的函数(方法)
    * 在js中编写方法,提供了一个关键字function。
    function 名称(参数列表(x,y)){
    方法体;
    return; 如果方法有返回值,写return,如果没有,就可以不写。
    }

    6. JS的输出
    * BOM对象的alert()方法
    * 向页面中弹出一个提示框!!


    * innerHTML属性
    * 向页面的某个元素中写一段内容,将原有的东西覆盖
    * 获取或者设置文本的内容


    * document.write()方法
    * 向页面中写内容

    7. JS的事件(JS重要的知识点)
    * 事件源(在什么地方绑定JS的事件,编写按钮,按钮称为事件源)
    * 事件的类型
    * onclick -- 点击事件
    8. 修改图片的路径
    * 获得图片,修改图片的src的属性。document.getElementById("img1").src="2.jpg";


    9. JS中的定时器方法
    * 查看BOM中的window对象,有如下方法可以使用
    * 设置定时器
    * setInterval() -- 隔多少毫秒之后,执行一段代码,重复执行。
    * setTimeout() -- 隔多少毫秒之后,执行一段代码,只会执行一次。


    * 清除定时器
    * clearInterval() -- 清除setInterval的定时操作。
    * clearTimeout() -- 清除setTimeout的定时操作。

    10. onload页面的加载事件:当页面一加载完成,方法就会执行
            11. 使用JS来控制CSS的隐藏和显示的属性
    * CSS的display属性
    * none -- 隐藏的
    * block -- 显示的

    * JS操作CSS代码
    * document.getElementById().style.property = "值";
    展开全文
  • 这篇文章适用范围:  适用于:对前端、HTML/DIV+CSS/JavaScript有所耳闻,但是不理解含义 ...各种技术名称诸如HTML/CSS/JavaScript让人头疼?尝试认真阅读10分钟,轻松理解这些词汇的内涵。  ...

        这篇文章适用范围:

        适用于:对前端、HTML/DIV+CSS/JavaScript有所耳闻,但是不理解含义

        不适用:学习过3天以上前端的入门者(-。- )你去看点高阶的好么。。。

     


        经常听说前后端/全栈等词汇,但好像还是不理解什么意思?各种技术名称诸如HTML/CSS/JavaScript让人头疼?尝试认真阅读10分钟,轻松理解这些词汇的内涵。

        本文主要回答两个问题:

        1.什么是前端?

        2.什么是HTML/DIV+CSS/JavaScript?


    1.什么是前端?

    在Web开发中,有前端与后端之分。

    前端负责页面的布局,后端负责页面的逻辑。

    我们用教务系统的网页举个栗子,来看看前后端做了什么。

     前端负责设计这个网页的样子,也就是我们看到的一个个彩色的方框(-。-)和上面的文字,但是仔细一想,似乎一个网站只有这些按钮还远远不够啊。背后肯定还有服务器记录我们的成绩信息、考试信息,等等(难道是?)。

    没错,后端负责的就是我们看不到的那些逻辑程序,它负责处理我们在网页上输入的那些信息或者点击信号。

     


    2.什么是HTML/DIV+CSS/JavaScript技术?

    HTML/DIV+CSS/JavaScript前端常见的三大技术。我们把这个问题分解成三个小问题,逐一回答。

     

    1)HTML(HyperText Markup Language

    中文名称:超级文本标记语言。

    故名思意,这是一种语言。和我们常见的C、Java不同,这种语言没有顺序结构,选择结构,循环结构这些东西。它单纯是用来储存结构化的文本信息

    列出一段HTML代码。这段语言如果保存成一个以.html结尾的文件,用浏览器打开的话,就是解析后的内容。

    <!DOCTYPE html>
    <html>
    
    <head>
    	<meta charset="UTF-8">
        <title>唐诗一首</title>
    </head>
    
    <body>
        <h1>春晓</h1>
        <p>春眠不觉晓,
           处处闻啼鸟。
           夜来风雨声,
           花落知多少。
        </p>
    </body>
    
    </html>
    
    代码解析后的页面
     

    不过话说,这样看来这个语言和txt文本没啥区别啊。

    当然不!除了文本,如何显示各种优美的图案?前端程序员可以给语言里附上一些“属性”,浏览器看到了就会给页面加上相应的效果。

    所以,加上了“优美的效果”后,页面是这样的。


    2.DIV+CSS

    随着网友内容的眼球越来越刁钻,需要添加的属性也越来越多(渲染网页的样子越来越复杂)。

    打个比方:最初一个网站可能只要修改下字体和大小颜色等等属性就可以迎合大部分网友,但后来发现网友对这种平平无奇的网页不再感冒了,我们开始追求更加优雅美观的效果。于是,不得不增加更多的属性,以此加强表现效果。

    结果,问题来了——过多的属性并不利于修改,单单阅读HTML代码也是个问题(可读性下降)。

    解决方案就是:DIV+CSS技术。

    DIV是HTML里的一个标签,负责Web页面的布局。(不理解标签这个概念不要紧)而CSS(Cascading Style Sheets)从英文名字就可以看出,这是一个关于Style的表。

    这个技术如何解决上文的问题呢?

    CSS把原本的HTML文档中的内容与样式分离开来,单独对样式进行管理。

     

    其中HTML仍然负责组织结构化的数据,但把怎么显示它们的任务交给了CSS

    这样一来,可读性更好了,因为没有了复杂的属性去修饰HTML文档,HTML文档变得十分清晰。

    其次对于修改属性的任务,CSS也可以很轻松处理,通过选择器机制(为了让文章易懂,就不介绍了)。

    至于JavaScript,就留到下一篇文章。

    本文特意避开了技术细节,而是站在宏观的角度进行介绍。希望这种形式可以更好理解?

    欢迎订阅和评论,你的反馈可以帮助我写的更好:)

     

    展开全文
  • JS模块化标准技术.JAVASCRIPT的几种模块化技术 作为前端重要组成部分的javascript语言,其面向对象功能非常差.所以要实现代码的模块化,需要一些标准:AMD,CMD 针对2种模块化也有现成的js模块化库SeaJs,require.js 今天...
  • javascript技术手册

    2009-01-02 11:46:14
    javascript技术手册,很全面的资料
  • Java和JavaScript的关系: JavaScript的三种使用方式: Js的5种输出方式: Js的语法初始: js中值的类型: JS中的运算符: JS中的流程控制语句----------------->>>简易计算器----->>>&...

    目录

    网页的三部分组成:

    Java和JavaScript的关系:

    JavaScript的三种使用方式:

    Js的5种输出方式:

    Js的语法初始:

         js中值的类型:

         JS中的运算符:

        JS中的流程控制语句----------------->>>简易计算器----->>>>打印9*9乘法表

        JS中的函数(相当于java中的方法)

        JS中变量的作用域(1)全局变量(2)局部变量 :声明在函数内

        JS中的对象

         JS中常用的内置对象 (是JS中一个种含有属性和方法的特殊的数据类型而已) 


    网页的三部分组成:

        1:结构(Structure):由HTML(显示数据)和XML(存储和传输数据)

        2:表现(Presentation):由Css组成

        3:行为 (Behavior):ECMAScript

     

    Java和JavaScript的关系:

      Java和JavaScript的关系就好比:雷锋  和雷锋塔 ,毫无联系。

     

    JavaScript的三种使用方式:

      1)内嵌到HTML标签中

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		//onclick等于后面是js的语言,这是嵌入到html语言中的,这个功能是弹出ok窗口
    		<input type="button" value="点击" onclick="window.alert('ok');"/>
    	</body>
    </html>
    

    2)写在Script标签中

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function text(){
    				window.alert("ok");
    			}
    		</script>
    	</head>
    	<body>
    		<!--text()就好像java中的方法一样,调用script中的text()方法,必须要打()-->
    		<input type="button" value="登录" onclick="text()" />
    	</body>
    </html>
    

    3)写在单独的js标签中

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<!--导入js文件-->
    		<script src="../js/js4.js"></script>
    	</head>
    	<body>
    		<input type="button" value="登录" onclick="text1()"/>
    	</body>
    </html>
    

    js文件:

    function text1(){
    	window.alert("hello");
    }
    

     

    Js的5种输出方式:

     1)window.alert(" ");   弹窗的方式进行输出

    2)document.write(" ");  以流的方式输出到页面中(建立新的页面)

    3)console.write(" "); 将信息打印在控制台上

    4)innerHTML();将内容写在HTML的标签里。

    5)innerText();   将内容写在html标签里,(Text的括号里的所有都是文本)

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function text(){
    				window.alert("第一种方式:弹出窗口");
    			}
    			function text1(){
    				document.write("第二种方式,打印在新的页面");
    			}
    			function text3(){
    				console.log("将信息打印在控制台上F12可见")
    			}
    			function text4(){
    //				需要创建div标签,然后把信息打印在div标签里
    				var doc=document.getElementById("div1");//得到id为div1的标签
    				doc.innerHTML="将这个信息打印在id=div1的div标签里";
    				doc.innerText="打印成文本信息所有的全部打印";
    				//innerHTML和innerText的区别是:
    				//如果在innerHTML中输出<h1>A</h1>这个就相当于在id=div1的div中在放一个h1的标题标签
    				//但是在innerText中这样一模一样的打印,就会打印出  <h1>A</h1>  这个文本信息
    			}
    		</script>
    	</head>
    	<body>
    		<input type="button" value="第一种方式" onclick="text()"/>
    		<input type="button" value="第二种方式" onclick="text1()"/>
    		<input type="button" value="第三种方式" onclick="text3()"/>
    		<input type="button" value="第四种方式" onclick="text4()"/>
    		<div id="div1"></div>
    	</body>
    </html>
    

     

    Js的语法初始:

         js中值的类型:

           Number类型、  String类型 、 Array(数组)类型   、Object(对象)类型、Function函数(相当于java中的方法)

       

      JS中的运算符:

            a)算术运算符 +,-,*,/,%
            b)逻辑运算符
             c)关系运算符
      JS中的变量统统使用var来声明,所以JS是一种弱类型语言
      JS中的变量使用var来声明,所以JS中的变量没有数据类型,但是JS中的值却有数据类型

       我们可以使用type of函数来判断 变量的类型是什么

     

    JS中的流程控制语句

    ( 1)分支结构
              单分支 if
              双分支 if..else
               多分支  :多重if
                                 switch

    运用学过的知识编写一个简易的计算器:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function text(){
    				//document.getElementById是通过id找到对应的标签 .value是得到里面的值
    				var txt1=document.getElementById("tx1").value;
    				var txt2=document.getElementById("tx2").value;
    
    				//判断选择的运算方式,然后分别进行计算
    				var choose=document.getElementById("sel").value;
    				
    				//定义计算结果
    				var result;
    				switch(choose){
    					case"+":
    						//虽然得到了两个值,但是这两个值是String类型的,所以需要parseInt进行类型转换
    				       //当两个值进行相加。我们知道如果是String类型的,会形成字符串拼接的情况,所以要类型转换
    				       //相加 得到了整数的变量
    				        result=parseInt(txt1)+parseInt(txt2);
    				        break;
    				    case"-":
    				    //只有+会造成字符串的拼接,所以其他符号直接计算
    				    	result=txt1-txt2;
    				    	break;
    				    case"*":
    				    	result=txt1*txt2;
    				    	break;
    				    case"/":
    				    //两种情况,一个正常除数 一个如果除数为0
    				    	if(txt2==0){
    				    		result="除数不能为0";
    				    	}else{
    				    		result=txt1/txt2;
    				    	}
    				    	break;
    				}
    				//获取id=div1的div   然后打印输出结果
    				document.getElementById("div1").innerHTML=result;
    				
    			}
    		</script>
    	</head>
    	<body>
    		第一个数:<input type="text" id="tx1" value=""/>
    		第二个数:<input type="text" id="tx2" value=""/>
    		运算方式:<select id="sel" name="choose">
    				<option value="+">+</option>
    				<option value="-">-</option>
    				<option value="*">*</option>
    				<option value="/">/</option>
    		</select>
    		<input type="button" value="计算" onclick="text()"/>
    		运算结果:<div id="div1"></div>
    	</body>
    </html>
    

     

    (2)循环结构
         a)for
         b)while
         c)do-while
         d)for ..in

    和java用法基本一样,除了for in循环,这里使用一下for in循环打印数组。然后我们再练习打印99乘法表

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script>
    			function text(){
    				//定义数组
    				var arr=['one','two','three','four'];
    				//for in循环
    				for(var i in arr){
    					alert(arr[i]);
    				}
    			}
    			function text1(){
    				for(var i=1;i<=9;i++){
    					for(var j=1;j<=i;j++){
    						document.write(i+"*"+j+"="+i*j+"&nbsp,&nbsp");
    					}
    					document.write("</br>");
    				}
    				
    			}
    		</script>
    	</head>
    	<body>
    		<input type="button" value="for in使用" onclick="text()"/>
    		<input type="button" value="打印99乘法表" onclick="text1()" />
    	</body>
    </html>
    

     

    JS中的函数(相当于java中的方法)

    (1)系统函数
        parseInt(....)

    (2)自定义函数
      JS中的函数不允许重载

    <!DOCTYPE html>
    <html>
            <head>
                    <meta charset="utf-8">
                    <title></title>
                    <script type="text/javascript">
                        //(1)第一种声明函数的方式
                            function test1(){
                                    //函数体
                                    alert("无参无返回值的函数");
                            }
                            function test2(a,b){ //小括号里的叫形参,但是JS是弱类型语言,所有的类型使用var声明,直接省略即可
                                    alert(a+"  "+b);
                            }
                            /**在JS中函数不能重载 test2(a,b,c)将test2(a,b)进行了覆盖*/
                            function test2(a,b,c){
                                    alert(a+" "+ b+" "+ c);
                            }
                            function test3(){
                                    return "helloworld";
                            }
                            function test4(a,b){
                                    return a+b;
                            }
                            
                            //(2)第二种声明函数的方式
                            var x=function(){
                                    alert("hello");
                            }
                            //(3)第三种声明方式
                            function test5(){
                                    //想表达一个含义,函数是对象 ,因为它是使用new关键字创建出 来了
                                    var y=new Function("a","b", "return a*b");
                                    var x=y(10,20);
                                    alert(x);
                            }
                    </script>
            </head>
            <body>
                    <input type="button" id="" value="无参无返回的函数"  onclick="test1()"/>
                    <input type="button" id="" value="带参无返回的函数" onclick="test2(10,20)" />
                    <input type="button" id="" value="带参无返回的函数" onclick="test2(10)" />
                    <input type="button" id="" value="带参无返回的函数" onclick="test2(10,20)" />
                    <input type="button" id="" value="无参带返回值的函数" onclick="alert(test3())" />
                    <input type="button" id="" value="带参带返回值的函数" onclick="alert(test4(10,20))" />
                    
                    <hr/>
                    <input type="button" id="" value="匿名函数"  onclick="test5()"/>
            </body>
    </html>
    

     

    JS中变量的作用域
    (1)全局变量
    (2)局部变量 :声明在函数内

    <!DOCTYPE html>
    <html>
            <head>
                    <meta charset="utf-8">
                    <title></title>
                    <script type="text/javascript">
                            var b=20;//全部变量
                            function test1(){
                                    var a=10;
                                    alert(a);
                            }
                            function test2(){
                                    //alert(a); a is not defined ,证明一件事儿,局部变量a只能在test1中使用
                            }
                            function test3(){
                                    alert(b);
                            }
                            
                    </script>
                    <script type="text/javascript">
                             function test4(){
                             	alert(b);
                             }
                             function test5(){
                             	c=20;
                             	alert(c);
                             }
                             function test6(){
                                    //alert(c); //找不到c is not defined
                            }
                             
                    </script>
            </head>
            <body>
                    <input type="button" id="" value="局部变量" onclick="test1()" />
                    <input type="button" id="" value="局部变量的作用域" onclick="test2()" />
                    <input type="button" id="" value="全部变量1" onclick="test3()" />
                    <input type="button" id="" value="全部变量2" onclick="test4()" />
                    <input type="button" id="" value="省略var变量3" onclick="test5()" />
            </body>
    </html>

     

    JS中的对象

    (1)自定义对象
    (2)JS中的内置对象

     JS中常用的内置对象 (是JS中一个种含有属性和方法的特殊的数据类型而已)
     

    (1)String
     (2)Date
     (3)Array数组
     (4)Function函数
     (5)Math类
     (6)全局对象

    <!DOCTYPE html>
    <html>
            <head>
                    <meta charset="utf-8">
                    <title></title>
                    <script type="text/javascript">
                             function test1(){
                             	//String
                             	var str="helloworld";
                             	console.log(typeof str); // 值的类型是string
                             	console.log(str[0]); //相当于java中的charAt(int index) 根据索引获取字符
                             	
                             	var str2="\"hello\""; //  \转义字符
                             	console.log(str2);
                             	console.log(str.length); //与java不一样,length是String的属性
                             	
                             	console.log("o第一次出现的位置:"+str.indexOf("o"));
                             	console.log("o最后一出现的位置:"+str.lastIndexOf("o"));
                             	
                             	var str3="hello"; //match通常与正则表达式一起使用
                             	console.log("str中是否包含str3的内容:如果包含返回str3,如果不包含返回:null"+str.match(str3));
                             	console.log("str中是否包含666:"+str.match("666"));
                             	//替换
                             	console.log("替换:"+str.replace("o","你"));//替换第一个
                             	//大小转换
                             	console.log(str.toUpperCase());
                             	console.log(str.toLowerCase())
                             	
                             }
                             function test2(){/*
                             	var d1=new Date();  //得到当前系统时间
                             	console.log(d1);
                             	var year=d1.getFullYear();
                             	console.log(year);
                             	var month=d1.getMonth();
                             	console.log(month);
                             	var da=d1.getDate();
                             	console.log(da);  //12,8月12号
                             	var day=d1.getDay();  //1,    星期一
                             	console.log(day); 
                             	
                             	var d2=new Date(1000);  //得到1970年1-1  08:00:01东八区
                             	console.log(d2);
                             	//格式化日期,相当于java中的
                             	//var s=d1.format("yyyy-MM-dd");//结果为
                             	//console.log(typeof s+" "+s)
                             	//alert(new Date().format("yyyy年MM月dd日"));
                             	*/
                             }
                             function test3(){
                             	//Math对象
                             	console.log(Math.abs(10)+" "+Math.abs(-10));
                             	console.log(Math.ceil(98.001));
                             	console.log(Math.floor(98.999));
                             	console.log(Math.round(98.4)+" "+Math.round(98.5));
                             	console.log(Math.sqrt(4));
                             	//随机数
                             	console.log(Math.random());
                             	//如何得到1000-9999的随机数呢
                             	console.log( Math.ceil((Math.random()*9000))+1000);
                             	console.log(Math.max(10,20,30,3));
                             }
                             function test4(){
                             	var reg=/\d*/i;//模型中要包含0-9的数字
                             	var reg2=/\w{4}/i;
                             	
                             	var reg3=new RegExp("d","i"); //包含d
                             	//获取文本框
                             	var txtValue=document.getElementById("txt").value;
                             	//判断文本框中的值是否包含0-9的数字
                             	//与String的match一起使用
                             	alert(txtValue.match(reg3));
                             }
                    </script>
            </head>
            <body>
                    <input type="button" id="" value="String对象" onclick="test1()" />
                    <input type="button" id="" value="Date对象" onclick="test2()" />
                    <input type="button" id="" value="Math对象" onclick="test3()" />
                    <input type="button" id="" value="正则表达式对象" onclick="test4()" />
                    <input type="text" id="txt" value="" />
            </body>
    </html>
    

     

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 677,949
精华内容 271,179
关键字:

js技术