JavaScript学习记录总结（七）——dom对象应用之用户简单管理

<!DOCTYPE html><html><head><title>users.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta n…

JavaScript学习记录一

title: JavaScript学习记录一 toc: true date: 2018-09-11 18:26:52 --<JavaScript高级程序设计(第2版)>学习笔记要多查阅MDN Web 文档简介 JavaScript是一种专门为网页交互而设计的脚本语言,由以下三个不同的部分组成: ECMAScript(发音 ek-ma-script,伪语言),由ECMA-262定义,提供核心语言功能: 文档对象模型(DOM,Document Object Model),提供访问和操作网页内容…

JavaScript学习记录四

title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记要多查阅MDN Web 文档 BOM Browser Object Model,浏览器对象模型. BOM提供了很多用于访问浏览器的功能,这些功能与任何网页内容无关. BOM缺少事实上的规范,因此浏览器之间共有的对象就成了事实上的标准. 没有所谓的标准BOM实现或者标准BOM接口. 图片来源于网络: window对象 w…

JavaScript学习记录三

title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记要多查阅MDN Web 文档面向对象的程序设计创建对象工厂模式工厂模式是软件工程领域广为人知的一种设计模式,这种模式抽象了创建具体对象的过程. 用函数来封装以特定接口创建对象的细节: function createPerson(name, age, job) { var o = new Object; o.na…

JavaScript学习记录二

title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记要多查阅MDN Web 文档变量.作用域和内存问题基本类型和引用类型的值 ECMAScript变量可能包含两种不同数据类型的值: 基本类型值:保存在栈内存中的简单数据段,这种值完全保存在内存中的一个位置引用类型值:保存在堆内存中的对象,保存的实际上是一个指针,指针指向内存中真正对象保存的位置五种基本数据类型:U…

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(“prototype”)方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name = "z…

Javascript 解析字符串生成 XML DOM 对象。

Javascript 接收字符串生成 XML DOM 对象.实测对 Firefox .IE6 有效.可用于解析 ajax 的服务器响应结果,也可用于解析自定义字符串.1. [代码]函数 ppt模版 /** * Parses DOM from XML text.<br /> * * @author Typhoon.Free.Wolf * @version 2014-02-28_15-51 * @param blDebugFlag * - Debug flag: true, f…

JavaScript学习笔记系列2:Dom操作(一)

一.什么是Dom? DOM------>Document Object Model 直接翻译就是文档对象模型. DOM------>定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和css功能的一类对象的集合.也有人称DOM是对HTML以及XML的标准编程接口.说白了就是类型C#对象集合.举个例子 I/0,I/O包含了很多操作文件和流的对象.意思是一样的. 二.如何使用Dom? 1.查看方法.docment.…

JavaScript学习（5）-Image对象和动态HTML

JavaScript学习5 1.image 对象对象引用 document.images[n] document.images["imageName"] document.imageName 预缓存图像预缓存图像需要在内存中构造image对象,内存对象是由脚本创建的,页面上是看不到的,通过对document中图像的src修改来显示,注意new Image()中大写 var myImage=new Image(width,height); myImage.src="some…

JavaScript学习（2）：对象、集合以及错误处理

在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 JavaScript中的值,有时会包括一些与其相关联的值,这些相关联的值,我们称之为属性. 访问属性下面是一个非常简单的示例: var a = "this is test"; print("type of a:" + typeof a); print(a["…

JavaScript基础15——js的DOM对象

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js的DOM对象</title> <script type="text/javascript"> // DOM:Document Object Model 文档对象模型 /* 文档:超文本文档html.xml 对象:提供了属性和方法模型:使用属性和方法操作超文本标…

JavaScript学习记录总结（九）——移动添加效果

<!DOCTYPE html><html><head><title>moveOption.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><m…

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascri…

【JavaScript学习】-JS内置对象1-对象概述

对象(object): JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法.JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象的属性: 反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: 能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: 对象定义: 使用对象前要先定义,如下使用数组对象: var objectName=new Ar…

JavaScript 学习（3）核心对象

##JavaScript 学习 3 1.核心对象 1.1 String对象声明和生成 var myString="Hello"; var myString=new String("hello"); 连接字符串使用操作符+连接即可 var msg="good"; msg+=" night"; 字符串方法改变字符大小写:var result=string.toUpperCase(),var result=string.toL…

JavaScript 学习（1）--window对象

JavaScript 学习--Window对象 window对象方法 1.1 创建新窗体 //窗体打开 var newWindow=Window.open("default.html","windowName","height=200,width=300,..(其他参数)")://height和widht为空默认会打开一个新选项卡 //窗体关闭 newWindow.close(); //窗体的location newWindow.location…

JavaScript进阶 - 第9章 DOM对象，控制HTML元素

第9章 DOM对象,控制HTML元素 9-1 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码:…

javascript学习笔记 BOM和DOM详解

js组成我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异. 1. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准]2. BOM 是各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]3. window 是 BOM 对象,而非 js 对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BOM 主要…

Javascript学习笔记三——操作DOM（二）

Javascript学习笔记在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p> 因为在HTML的…

Javascript学习笔记二——操作DOM

Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点二．querySelector() 返回文档中匹配指定CSS选择器中的一个元素例子: Document.querySelector(“#test”); //查找ID =”test” 的节点 Document.querySelector(“p”);//获取文档中第一个p元素 Document.querySelector(“.exa…

JavaScript学习记录总结（十）——几个重要的BOM对象

一.弹出框 <script type="text/javascript"> window.onload=function(){ window.alert("msg alert"); var msg =window.prompt("prompt", "hello"); //msg hello 或者null alert(msg); …

javascript 学习总结（七）String对象

1.string对象中可以传正则的函数介绍 /* match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置. 语法 stringObject.match(searchvalue) stringObject.match(regexp) searchvalue 必需.规定要检索的字符串值. regexp 必需.规定要匹配的模式的 RegExp 对象.如果该参数不是 RegE…

JavaScript学习笔记(11)——HTML DOM Event对象

w3cshool:时间参考手册:http://www.w3school.com.cn/jsref/dom_obj_event.asp…

诶西，JavaScript学习记录。。。。。。

由于大学课程缘故,老师巨爱叫人问问题,还记分呢,随便记录一下Js的学习情况,以后复习什么的也比较方便吧...... 开始咯,就按照C语言学习那样的方法来吧! ==================================割割割================================== 1.数据类型(这里只是大概提一下) /* 我认为Js里没有明显的数据类型,仅有字符串.数字.布尔.数组.对象.Null.Undefined */ var temp = 'legth' var te…

[转] JavaScript学习：BOM和DOM的区别和关联

BOM 1. BOM是Browser Object Model的缩写,即浏览器对象模型. 2. BOM没有相关标准. 3. BOM的最根本对象是window. 从1可以看出来:BOM和浏览器关系密切.浏览器的很多东西可以通过JavaScript控制的,例如打开新窗口.打开新选项卡(标签页).关闭页面,把网页设为主页,或加入收藏夹,等等…这些涉及到的对象就是BOM. 从2可以看出来:由于没有标准,不同的浏览器实现同一功能,可以需要不同的实现方式.对于上面说的功能,不同的浏览器的实现功能所需要…

JavaScript学习总结（七）

这一讲我们来学习DOM编程(十分重要),有了DOM编程,我们就可以操作任意的HTML元素了. DOM,文档对象模型一个html页面被浏览器加载的时候,浏览器就会对整个html页面上的所有标签都会创建一个对应的对象进行描述,我在浏览器上看到的信息只不过就是这些html对象的属性信息而已.我们只要能找到对应的对象操作对象的属性,则可以改变浏览器当前显示的内容. 浏览器在解析HTML页面的时候,每遇到一个html标签就会创建一个此标签的对象(任何标签都会有一个对应的对象),当解析完成的时候就会创建一…

Javascript学习记录——原生JS实现旋转木马特效

昨天学习到了JS特效部分,然后老师讲了旋转木马特效的实现,如上图.不过只是讲了通过点击箭头实现图片的切换,对于点击图片本身以及二者联动却是没有讲解. 本着一颗追求完美的心,今天花费了一个中午终于将整个功能全部完善(死了太多脑细胞~~). 接下来直接进入主题哈~(主要讲解JS,所以对其中的HTML及CSS不做详细说明.) 首先是HTML代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset…

JavaScript学习笔记7 之DOM文档对象模型

一.什么是DOMDocument Object Model 文档 -------对象 ----模型-------缩写DOM DOM是针对HTML和XML文档的一个API(应用程序编程接口).DOM描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分.DOM树中的所有节点均可通过JS进行访问.所有HTML元素(节点)均可被修改.创建或删除. 二.节点类型1.节点类型 HTML 文档中的所有内容都是节点(node): 整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素…

JavaScript学习心得（七）

一创建事件监听器开发人员往往使用事件和元素组合来命名事件处理函数. 创建事件监听器方法: 嵌入式事件处理器即将JavaScript函数赋值给HTML元素属性(不推荐使用:污染HTML:无法应用渐进增强的概念) 传统事件处理:好处有二(容易使用和传统方法创建事件处理器可以使用匿名函数 window.onload = function(){ } ),可以通过传统方法将对象的相应事件属性赋值为null,删除事件处理器,同样可以检查对象的属性来确认事件监听器的存在 if(typeof window.…

JavaScript学习笔记（七）——函数的定义与调用

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. 函数定义在JavaScript中,函数的定义如下: function abs(x) { if (x >= 0) { return x; } else { return -x; } } 上面abs()函数的定义如下: function指出这是一个函数定义: abs是函数的名称: (x)括号内…

【JavaScript学习记录总结（七）——dom对象应用之用户简单管理】的更多相关文章