1、JavaScript信息的输入
通过使用JavaScript中所提供的窗口对象方法prompt(), 就能完成信息的输入。该方法提供了最简便的信息输入方式，其基本格式如下：
Window.prompt("提示信", 预定输入信息);
此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后，就返回用户所输入信息的值。例:
test=prompt（“请输入数据:”，”this is a JavaScript”）
实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。
2、输出显示
每种语言，都必须提供信息数据的输出显示。JavaScript也是一样，它提供有几个用于信息输出显示的方法。比较常用的有window.alert()、document.write和及document.writln()方法。
１)、document.write()方法和document.writeln()方法
document是JavaScript中的一个对象在它中封装许多有用的方法，其中write()和writeln()就是用于将文本信息直接输出到浏览器窗口中的方法。
document.write()；
document.writeln()；
说明：
write()和writeln()方法都是用于向浏览器窗口输出文本字串；
二者的唯一区别就是writel ......
函数一、写cookie的函数，将Cookie写入客户端，通用函数，传入3个参数即可（Cookie名字，值和失效期）
//函数：写入cookie
function WriteCookie (cookieName, cookieValue, expiry)
{
var expDate = new Date();
if(expiry) //如果设置了cookie失效时间;
{
expDate.setTime (expDate.getTime() expiry);
document.cookie = cookieName "=" escape (cookieValue) "; expires=" expDate.toGMTString();
}
else //没有设置cookie失效时间;
{
document.cookie = cookieName "=" escape (cookieValue);
}
}
函数二、取得表单数据
//函数：取得form表单域的值作为cookie的相关值（cookie name,cookie value,expires）
function setCookie ()
{
var name = document.myform.text1.value;
var value = document.myform.text2.value;
var num = document.myform.text3.value;
var select = document.myform.text3.selectedIndex;
if (name=="" || value=="" || num==""){
alert ("请输入Cookie的名字,值和失效期再测试!");
return false;
}
if(num == 0)
{
WriteCookie(name, value, 0);
}
else if(select == 0)
//如果选择的是天;时间换算成秒;
......
1、后退 前进
<input type="button" value="后退" onClick="history.go(-1)">
<input type="button" value="前进" onClick="history.go( 1 );return true;">
2、返回
<form><input type="button" value="返回上一步" onClick="history.back(-1)"></form>
3、查看源码
<input type="button" name="view" value="查看源码" onClick="window.location="view-source:" +window.location.href">
4、禁止查看源码
<body oncontextmenu="return false"></body>
5、刷新按钮一
<input type="button" value="刷新按钮一" onClick="ReloadButton()">
<script>function ReloadButton(){location.href="i001.htm";}</script>
刷新按钮二
<input type="button" value="刷新按钮二" onClick="history.go(0)">
6、回首页按钮
<input type="button" value="首页" onClick="HomeButton()" ......
这个效果应该不算什么稀奇，网上也有现成的代码，我这个也没什么特别的地方，只是因为我自己写的，也算是为学习DOM后一个练习；在IE下测试通过；
（最近又写了一个，当然不再是为了练习；请参看：javascript操作xml生成树形菜单（一）描述）
实现效果是这样的：
读取XML文档；
采用递归生成无限级的树形菜单；
能够响应鼠标事件，展开与拆叠子级菜单；
首先是生成一个XML文档，我用的是XML Spy的编辑器；
<?xml version="1.0" encoding="utf-8"?>
<menu>
<menu name="明星名人">
<menu name="华人明星" url="">
<menu name="大陆新秀" url="">
<menu name="周笔畅" url="http://post.baidu.com/f?kw=%D6%DC%B1%CA%B3%A9" target="_blank"/>
&nb ......
最近在学XML，看书的过程中顺便做点笔记，供以后参考
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<mce:script language=javascript><!--
var oNodeMap,str,oList,item;
//创建DOMDocument对象
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
//不允许异步加载，脚本会等待文档全部被下载后才执行代码
xmlDoc.async = false;
//把XML文档载入DOMDocument对象
xmlDoc.load("MyXml1.xml");
if(xmlDoc.parseError!= 0)//判断装入过程中是否产生错误
{
document.writeln(xmlDoc.parseError.reason+"<br>");
}
else
{
//获得根元素节点的属性，并将属性的个数输出
oNodeMap = xmlDoc.documentElement.attributes;
document.writeln("根元素节点的属性个数为："+oNodeMap.length+"<br>");
//获得根元素节点的名字，并输出到页面上
str = xmlDoc.documentElement.nodeName;
document.writeln("根元素节点的名字："+str+"<br>");
//获得根元素节点的子节点集合
oList = xmlDoc.do ......
通过请求的header中可以看到 User-Agent 项
User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; Tablet PC 2.0; CIBA)
这里记录了本地信息，通过这里的.Net CLR xxxxx，可以判断出用户是否安装了指定版本的.net Framework。
本人不太熟悉正则，只能用笨方法写一个了，呵呵
function hasDotNetFramework(baseVersion) {
if (typeof baseVersion == "undefined") baseVersion = 1;
var userAgent = navigator.userAgent.toLowerCase();
for (var i = baseVersion; i < 10; i++) {
if (userAgent.indexOf('.net clr ' + i + '.') > -1) {
return true;
}
}
return false;
}
if(hasDotNetFramework(2))
{
alert("已经安装.net framework 2.0");
}
else
{
alert("未安装.net framework2.0");
}
......
最新文章 : javascript