1.表单对象 1)访问者输入正确的密码才可进入网站 HTML DOM prompt() 方法,prompt() 方法用于显示可提示用户进行输入的对话框.prompt(text,defaultText),text:可选,要在对话框中显示的纯文本(而不是 HTML 格式的文本).defaultText:可选,默认的输入文本. <script> var passward = prompt("请输入密码(本站需要密码才可以进入):",""); if(passwa…
我的第一篇博客 ——JS的那些基础概念 第一次写,也不知道有没有什么套路,需不需要注意文采之类的.不管了,我就直接写主要内容吧!下面是我总结的一些关于JS的基础概念: [变量]从字面上面,变量是可变的量:从编程角度讲,变量是用于存储某些/某种数值的存储器.我们可以把变量看作一个盒子用来存储物品. [数组]变量用来存储数据,一个变量只能存储一个内容.如果你想存储多个内容,那么就可以用数组解决,一个数组变量可以存放多个数据,好比一个团,团你有很多人.数组是一个值得集合,每个值都有一个索引号,从0开始…
1.网页中实时显示当前时间 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面上显示系统时间</title></head><body onload="showTime()"> 当前时间为:<span id="show"></s…
本书目录 第一章:  JavaScript语言基础 第二章:  JavaScript内置对象第三章:  窗口window对象第四章:  文档document对象第五章:  表单form对象第六章:  History与Navigator对象第七章:  JavaScript框架编程第八章:  JavaScript异常处理 第九章:  自定义JavaScript对象     第一章 JavaScript语言基础 什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(…
-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借助java的影响力,将 名字改为javascript. 要说的是,学习javascript和学java大致相同,学完javascript你差不多也能掌握,java的大致基础 所以在选择学习语言之前,要清楚一个要点,就是这两个语言的学习反馈机制. 什么是反馈机制?简单的说:"就是学习语言时,它给你的回…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js的DOM对象</title> <script type="text/javascript"> // DOM:Document Object Model 文档对象模型 /* 文档:超文本文档html.xml 对象:提供了属性和方法 模型:使用属性和方法操作超文本标…
函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回的是undefined         } int add(int i1,int i2)//C#写法 不需要声明返回值类型.参数类型.函数定义以function开头.         var r = add(1, 2);         alert(r);         r = add("你好&q…
String对象(*) length属性:获取字符串的字符个数.(无论中文字符还是英文字符都算1个字符.) charAt(index)方法:获取指定索引位置的字符.(索引从0开始) indexOf(‘字符串’,startIndex)方法:获取指定字符串第一次出现的位置.startIndex表示从第几个开始搜索. split(‘分隔符’,limit);//根据分隔符将一个字符串返回为一个数组.limit表示要返回的数组的最大长度(可自定义).多个分隔符使用正则表达式:var msg = 'a★b★…
1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> <meta charset="UTF-8"></meta> <title></title> <script type="text/javascript"> // BOM:浏览器对象,broswer object…
JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通表达式 // 0.undefined.null."".NaN为假,其他均为真 // 代码块只有一条语句时,{}可以省略 if 复杂语法 // 1.双分支 if (表达式1) { 代码块1; } else { 代码块2; } // 2.多分支 if (表达式1) { } else if (表…
JavaScript基础第01天 1. 编程语言 编程语言: 可以通过类似于人类语言的"语言"来控制计算机,让计算机为我们做事情,这样的语言就叫做编程语言(Programming Language).编程语言是用来控制计算机的一系列指令,它有固定的格式和词汇(不同编程语言的格式和词汇不一样),必须遵守.如今通用的编程语言有两种形式:汇编语言和高级语言. 语言类型 说明 汇编语言 汇编语言和机器语言实质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆. 高级…
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中,对象被定义为无序属性的集合,属性可以是任何类型的值,包括其他对象或函数.函数作为属性值时称为“方法”,即对象的行为. (1)对象常用的内部属性 对象的内部属性是由JavaScript 规范定义的,由运行代码的系统来访问.对象常用的内部属性: prototype        对象        获…
JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECMAScript() DOM(文档对象模型document) BOM(浏览器对 象模型) ECMAScript:语法 变量和数据类型 运算符 逻辑控制语句 关键 字.保留字 对象 4.基本结构:<script type="text/javascript"> 语句 </scr…
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用jQuery表单对象属性过滤选择器 </title> <meta charset="utf-8"> <script language="javascript" type="text/javascript" src="jquery-3.…
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM)        js中的打印语句:        数据类型        变量        运算符        数据类型转换        js中三大特殊值 js的组成(ECMAScript.BOM.DOM) ①ECMAScript: ECMAScript是一个标准,它规定了语法.类型.语句.关键字.保留子.操作符.对象.(相当于法律):②BOM(浏览器对象模型):对浏览器窗口进行…
[JavaScript基础]Js的定时器(你想看的原理也在哟) 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明 本章是经历第二次翻新,时过一年,再看自己的文章,觉得需要做点什么,它得丰富一点!篇幅半页或者一页,自己都感觉有点对不住自己.为了对得住自己,加了原理解析和案例.知其然与所以然. Js的定时器,是前端的基本工具,在日常的开发和工作上也会经常的使用到.前端的定时器有两种,一种是一次性定时器,一种是重复性定时器.…
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 什么是BOM BOM…
JavaScript的引入方式 直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- ------------页面内容--------------- --!> <script> aler…
JavaScript -- 知识点回顾篇(六):js中的正则表达式 -- RegExp 对象 1. js正则表达式匹配字符之含义      查找以八进制数 规定的字符.     查找以十六进制数 规定的字符.     查找以十六进制数 规定的 Unicode 字符. 2. 匹配字符的数量及格式的控制 a+     匹配任何包含至少一个 a 的字符串.a*     匹配任何包含零个或多个 a 的字符串.a?     匹配任何包含零个或一个 a 的字符串.a{2}     匹配包含 2个 a 的序列…
背景: 在现在WEB开发中,稍复杂一点的页面,都会涉及到多个模块,尤其是类似seajs.LABjs.requireJS等模块工具出来后,前端开发者分模块开发已经慢慢变成一种习惯了,但是多个模块间的常常有各种交集,需要通信.需要互相调用,这时监听者模式便是必不可少的一种设计模式了,在前端表现事件操作.backbone和jquery都有提供了很好的事件处理方式. 但是,真正开发需求的时候我们常常会遇到文件加载顺序跟事件监听与更新不一致的需求,比如说:在一个视频网站里面,有一个视频处理的JS模块和用户…
第一节:数组 1.数组的概念及定义     可以存放一组数据:          当需要操作多个数据时: 2.数组的创建方式 var arr1 = [1,2,3]; //字面量方式 var arr2 = new Array(1,2,3) //构造函数方式      注意:当只有一个数据时,两种创建方式的不同.   var arr1 = [5] //表示有一个数组元素5 var arr2 = new Array(5) //表示有5个数组元素,值全部为undefined     数组的赋值:    …
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择或循环结构 分支结构语句 单分支:if(){}    ()                执行条件    {}                执行语句    双分支            if(执行条件){                        执行语句1            }else{…
什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Ar…
第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入一个外部的 js 文件 需要创建一个js文件写js代码 <script type="text/javascript" src="1.js"></script> 使用第二种方式时候,不需要在script标签里面写js代码 第三种: 与HTML标签中…
文章目录 1.JavaScript简介 2.输出语句 2.1 代码块 2.2 测试结果 3.JS编写位置 3.1代码 3.2 测试结果 4.基本语法 4.1 代码 5.标识符 5.1 代码 6.数据类型 6.1 代码 7.强制类型转换--String 7.1 代码 1.JavaScript简介 2.输出语句 2.1 代码块 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t…
js面向(基于)对象编程1.澄清概念 1.1 js中基于对象 == js 面向对象 1.2 js中没有类class,但是它取了一个新的名字,交原型对象,因此 类 = 原型对象. 2.为什么需要对象? //这里是一个Cat类 function Cat(){ } Cat(); //函数 function Cat(){}2 var cat1 =new Cat(); //类 3 //这时cat1就是一个对象(实例) 4 cat1.name = "小白"; 5 cat1.age =3; 6 ca…
前言 JavaScript 常被描述为一种基于原型的语言--每个对象拥有一个原型对象,对象以其原型为模板.从原型继承方法和属性.原型对象也可能拥有原型,并从中继承方法和属性,一层一层.以此类推.这种关系常被称为原型链,它解释了为何一个对象会拥有定义在其他对象中的属性和方法. 准确地说,这些属性和方法定义在Object的构造器函数之上的 prototype 属性上,而非对象实例本身. 构造器 在Java中需要构造器才可以实例化对象,构造器被定义在类代码块中. 在JavaScript中构造器无需被定…
JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() {     var inputs = document.getElementById('div1').getElementsByTagName('input');     for (var i = 0; i < inputs.length; i++) {         inputs[i].onc…
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本…
  javascript基础06 splice var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素 splice方法有添加.删除.替换的功能,它有三个参数,第一个是位置,第二个是删除多少个,第三个是添加的东西. String 对象 String 对象用来处理文本. 事实上任何一个字符串常量都是一个String对象,可以将其直接作为对象来使用. 获得字符串长度:length 提取字符…