JavaScript05

2017-03-03

HTML DOM （文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被构造为对象的树。

JavaScript02

从目前我了解的情况来看，JS可以做到以下几点：

1.JavaScript 能够改变页面中的所有 HTML 元素

2.JavaScript 能够改变页面中的所有 HTML 属性

3.JavaScript 能够改变页面中的所有 CSS 样式

4.JavaScript 能够对页面中的所有事件做出反应

more >>

展开全文 >>

JavaScript04

2017-03-03

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

常见的 JavaScript 验证的这些典型的表单数据有：

用户是否已填写表单中的必填项目？

用户输入的邮件地址是否合法？

用户是否在数据域 (numeric field) 中输入了文本？

function validate_required(field,alerttxt) 
{
   with (field) 
   {
     if (value == null || value == "")
     {
         alert(alerttxt);
         return false;
     }
     else 
     {
         return true;
     }
   }
}

有个经典的关于邮箱地址的验证：

function validate_email(field,alerttxt)
{
  with (field)
  {
    apos = value.indexOf("@")
    dotpos = value.lastIndexOf(".")
    if (apos<1||dotpos-apos<2) 
    {
      alert(alerttxt);
      return false;
    }
    else 
    {
      return true;
    }
   }
 }

more >>

展开全文 >>

JavaScript03

2017-03-02

JavaScript的 try/catch/throw 语句的用法:

做iOS开发的时候，调试的时候也会用到这些内容，由于之前开发用这些比较少，所以先来重温一下OC的相关语句，大同小异。

try 语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

在OC中，经常用到下面的代码块来捕捉异常

@try {
   // 可能会出现崩溃的代码
}
@catch (NSException *exception) {
   // 捕获到的异常exception
 }
 @finally {
   // 结果处理
 }

more >>

展开全文 >>

JavaScript02

2017-03-02

1、JavaScript关于对象的理解

关于JavaScript的对象性有很多种不同的说话，部分说法是JavaScript是面向对象的语言，还有一部的说法是JavaScript不是面向对象的语言，而是基于对象的语言。面向对象是object-oriented，基于对象是Object-Based，二者有着本质上的差别。但是大部分人认同JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文档。

从上面分析的情况来看，无论是基于对象还是面向对象，对于JavaScript的对象的研究，还是重中之重的一点。

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。

例如：现在有一个人对象

var person;
person = new Object();

属性:

person.name = "YanCey";
person.age = 25;
person.weight = 87;

方法:

person.eat()
person.run()
person.sleep()

more >>

展开全文 >>

JavaScript01

2017-03-02

JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

1、JavaScript的输出：

假如需从JavaScript访问某个HTML元素，可以使用document.getElementById(id) 方法。使用 “id” 属性来标识 HTML 元素：

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id = "demo">My First Paragraph</p>

<script>
    document.getElementById("demo").innerHTML="My First JavaScript";
</script>

</body>
</html>

JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id=”demo” 的 HTML 元素，并把它的内容（innerHTML）替换为 “My First JavaScript”。

使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

more >>

展开全文 >>