js 函数创建方式

   

         构造器方式：new Function("num1","num2","return num1+num2;")

var youresult = new Function("num1","num2","return num1+num2"); alert( youresult(1000,2000) );

 

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。

HTML DOM （文档对象模型）

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

HTML DOM 模型被构造为对象的树。通过id 可以访问所有元素

var x=document.getElementById("intro");

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”

 

 

 

AJAX开发步骤

    步一：创建AJAX异步对象，例如：createAJAX()

    步二：准备发送异步请求，例如：ajax.open(method,url)

    步三：如果是POST请求的话，一定要设置AJAX请求头，例如：ajax.setRequestHeader()

          如果是GET请求的话，无需设置设置AJAX请求头

    步四：真正发送请求体中的数据到服务器，例如：ajax.send()

步五：AJAX不断的监听服务端响应的状态变化，例如：ajax.onreadystatechange，后面写一个无名处理函数

    步六：在无名处理函数中，获取AJAX的数据后，按照DOM规则，用JS语言来操作Web页面

 

AJAX【适合】不用来传递大量数据，而只用来【传递少量数据】，在用户的【体验】上，【更加人性化】

    AJAX是一个和服务器无关的技术，即服务器可使用：JavaEE，.NET，PHP，。。。这些技术都可

    AJAX只管向服务器发送请求，同时只管接收服务器的HTML或XML或JSON载体响应

        服务端不能使用转发或重定向到web页面，因为这样会起浏览器全面刷新

    即只能以流的方式响应给浏览器

 

 

十二）jQuery中常用方法（上）   

      目的：通过方法，能操作web页面（HTML/JSP）中的任何标签

     （1）val()：获取标签的value属性值，前提是该标签有value属性

     （2）html()：获取标签之间的内容，不能用运于xml文件

     （3）text()：获取标签之间的内容，可以用运于html/jsp和xml文件，(提倡)

     （4）css()：加key-value形成的css样式

     （5）addClass()：加已经定义好的一个css样式

     （6）size()：获取jQuery对象/数组中元素的个数，提倡

     （7）length：获取jQuery对象/数组中元素的个数

      注意：在写jQuery代码时，不光可以使用jQuery的API，还能使用传统JS的API

function myFunction()
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);

上面代码的最后一行，HTML DOM 文档对象被传递到 jQuery ：$(document)。

当您向 jQuery 传递 DOM 对象时，jQuery 会返回以 HTML DOM 对象包装的 jQuery 对象。

jQuery 函数会返回新的 jQuery 对象，其中的 ready() 是一个方法。

 （3）js对象转成jQuery对象【重点】

        语法：$(js对象)---->jQuery对象

        例如：$(divElement)---->$div

        例如：$(this)---->$this

        注意：jQuery对象将js对象做了封装，js对象二边无引号

var inputElement = document.getElementById("inputID");//js对象 var $input = $(inputElement);//jquery对象 var txt = $input.val(); alert(txt);

 

   （4）jQuery对象转成js对象

        语法1：jQuery对象[下标，从0开始]

        语法2：jQuery对象.get(下标，从0开始)

        例如：$div[0]---->divElement

        注意：不同的对象只能调用对应的api方法，即jQuery对象不能调用js对象的api，反之亦然

    $div.innerHTML（错）

    divElement.html(错)

var $div = $("#divID");//jquery对象 var divElement = $div[0];//js对象(方式一) //var divElement = $div.get(0);//js对象(方式二) var txt = divElement.innerHTML;    alert(txt);