1.什么是Ajax?
Ajax的全称是:Asynchronous + JavaScript+XML --------------------> 异步的(不同时的) javascript 及 xml
2.Ajax的定义:
Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。
3.Ajax包括:
XHTML和CSS
使用文档对象模型(DocumentObjectModel)作动态显示和交互
使用XML和XSLT做数据交互和操作
使用XMLHttpRequest进行异步数据接收
使用JavaScript将它们绑定在一起
Web开发领域的最新时髦术语其实质是“旧貌换新颜”。
2. jquery ??
JQuery是JavaScript语言的一个新的资源库(框架)
JQuery能快速,简洁的使用HTML documents, handle events(处理事件), perform animations(执行动画),并且能把Ajax交互应用到网页
JQuery能够改变你书写JavaScript的方式.
JQuery是跨浏览器的
(IE 6.0+,FireFox 1.5+,Safari 2.0+,Opera 9.0+)
3. javascript 不用解释了不得~~~~~~~~~~~~~~~~~~ ......
① JavaScript添加位置,添加位置错误,会引起JavaScript代码无法执行的问题。
<head runat="server">
<script type='text/javascript' language="javascript">
<!—
//“添加内容”
//-->
</script>
</head>
② 引用他处的脚本代码可直接鼠标拖拽(可以正确的引用到路径)
<script src="../myXXXSCRIPT.js" type="text/javascript"></script>
③ 获取IE版本
function getIE()
{
if(navigator.userAgent.indexOf("MSIE")>0)
{
var ee = navigator.appVersion.match(/7./i);
if (navigator.appVersion.match(/MSIE 7./i) == 'MSIE 7.'){
alert(navigator.appVersion);
}
if (navigator.appVersion.match(/MSIE 6./i) == 'MSIE 6.'){
alert("6");   ......
搞了大半天,总算弄明白了为何用document.body.clientHeight,document.body.offsetHeight都没有办
法获取网页可见区域的正确值,原来罪魁祸首是W3C定义的标准!!在新定义出来的标准下
document.documentElement.clientHeight在IE和火狐里都能获取正确值,下面一篇文章详细介绍了获取各种浏览器可见
窗口大小这方面的差别:
<scrīpt>
function getInfo()
{
var s = "";
s += " 网页可见区域宽:"+ document.body.clientWidth;
s += " 网页可见区域高:"+ document.body.clientHeight;
s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";
s += " 网页正文全文宽:"+ document.body.scrollWidth;
s += " 网页正文全文高:"+ document.body.scrollHeight;
s += " 网页被卷 ......
详探TextRange对象--查找与选择
TextRange对象是动态HTML(DHTML)的高级特性,使用它可以实现很多和文本有关的任务,例如搜索和选择文本。文本范围让您可以选择性的将字符、单词和句子从文档中挑选出来。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽象对象。
下面是TextRange的常用属性与方法:
属性
boundingHeight 获取绑定TextRange对象的矩形的高度
boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的距离
offsetLeft 获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置
offsetTop 获取对象相对于版面或由offsetParent属性指定的父坐标的计算顶端位置
htmlText 获取绑定TextRange对象的矩形的宽度
text 设置或获取范围内包含的文本
方法
moveStart 更改范围的开始位置
moveEnd 更改范围的结束位置
collapse 将插入点移动到当前范围的开始或结尾
move 折叠给定文本范围并将空范围移动给定单元数
execCommand 在当前文档、当前选中区或给定范围上执行命令
select 将当前选择区置为当前对象
findText 在文本中搜索文本并将范围的开始和结束点设置为包围搜索字符串。
......
<a href="#" onclick="ChildNode(this);">aaa</a>要改为
<a href="#" onclick="ChildNode(event);">aaa</a>
无法取得this对象,要用以下方法来取得。
function ChildNode(e)
{
var evt = e ? e : (window.event ? window.event : null); //此方法为了在firefox中的兼容
var node = evt.srcElement ? evt.srcElement : evt.target; //evt.target在火狐上才能识别用的。
selectNode = node.getAttribute("nodeId").toString();
}
nodeId属性不支持,要node.getAttribute("nodeId");
还有var+=elements[i].innerText在firefox中无识别,用elements[i].innerHTML来支持即可。
------------------------------------------------------------------------------------------------
//这是一个访问下拉框的方法,注意ele.option();中的圆括号firefox不支持,只能用[];才行。
var ele = document.getElementById('bizName');
idv = ele.option[ele.selectedIndex].title;
---------------------------------------------------------------------------
//在火狐中的地址栏输入:about:config,会出现火狐的参数配置设置,
-------------- ......
<table>
<tr>
<td style="width: 201px; height: 22px;" valign="middle" align="right">
登录密码:<b><font color="red">*</font></b>
</td>
<td align="left" style="height: 22px">
<input name="txtregistpwd1" type="password" id="txtregistpwd1" class="wenbenkuang" onkeypress="pwStrength(this.value);" maxlength="20" />
</td>
</tr>
& ......