js高级编程笔记
2010-12-18 22:05
447 查看
1.<input>必须放<form>标签内
2.<li>必须放<ol>标签内,所有其它的html标签都放在 <html>内
3.with(Object){}在存取对象和方法时不用重复指定参考对象
4.两个窗口切换
<SCRIPT type="text/javascript">
var newWindow = null
function makeNewWindow()
{
if (!newWindow || newWindow.closed)
{
newWindow = window.open("","","width=150,height=150")
var newContent = "<HTML><HEAD><TITLE>新建一个窗口 </TITLE></HEAD>"
newContent += "<BODY bgColor='blue'><H1>一个新的窗体测试 </H1>";
newContent += "<FORM><INPUT TYPE='button' VALUE=' 切 换 一 个 新 的 窗 体 ' onClick='self.opener.focus()'><BR><BR>";
newContent += "<FORM><INPUT TYPE='button' VALUE='返回上一窗体 ' onClick='self.blur()'>";
newContent += "</FORM></BODY></HTML>";
newWindow.document.write(newContent);
newWindow.document.close();
}
else
{
newWindow.focus()
}
}
</SCRIPT>
在<body>里加
<FORM>
<INPUT TYPE="button" NAME="newOne" VALUE="打开新的窗体 " onClick="makeNewWindow()">
</FORM>5.window.location.hash返回URL#后面的内容,如果没有#,返回空location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin" function goNextAnchor(where)
{
window.location.hash = where;
}
例如在<body>加入
<A NAME="start"><H1>Top</H1></A>
<FORM>
<INPUT TYPE="button" NAME="nest" VALUE="下一个" onClick="goNextAnchor('sec1')">
</FORM>
<HR>
<A NAME="sec1"><H1>选择第1部分</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="下一个" onClick="goNextAnchor('sec2')">
</FORM>
<HR>
<A NAME="sec2"><H1>选择第2部分</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="下一个" onClick="goNextAnchor('sec3')">
</FORM>
<HR>
2.<li>必须放<ol>标签内,所有其它的html标签都放在 <html>内
3.with(Object){}在存取对象和方法时不用重复指定参考对象
4.两个窗口切换
<SCRIPT type="text/javascript">
var newWindow = null
function makeNewWindow()
{
if (!newWindow || newWindow.closed)
{
newWindow = window.open("","","width=150,height=150")
var newContent = "<HTML><HEAD><TITLE>新建一个窗口 </TITLE></HEAD>"
newContent += "<BODY bgColor='blue'><H1>一个新的窗体测试 </H1>";
newContent += "<FORM><INPUT TYPE='button' VALUE=' 切 换 一 个 新 的 窗 体 ' onClick='self.opener.focus()'><BR><BR>";
newContent += "<FORM><INPUT TYPE='button' VALUE='返回上一窗体 ' onClick='self.blur()'>";
newContent += "</FORM></BODY></HTML>";
newWindow.document.write(newContent);
newWindow.document.close();
}
else
{
newWindow.focus()
}
}
</SCRIPT>
在<body>里加
<FORM>
<INPUT TYPE="button" NAME="newOne" VALUE="打开新的窗体 " onClick="makeNewWindow()">
</FORM>5.window.location.hash返回URL#后面的内容,如果没有#,返回空location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin" function goNextAnchor(where)
{
window.location.hash = where;
}
例如在<body>加入
<A NAME="start"><H1>Top</H1></A>
<FORM>
<INPUT TYPE="button" NAME="nest" VALUE="下一个" onClick="goNextAnchor('sec1')">
</FORM>
<HR>
<A NAME="sec1"><H1>选择第1部分</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="下一个" onClick="goNextAnchor('sec2')">
</FORM>
<HR>
<A NAME="sec2"><H1>选择第2部分</H1></A>
<FORM>
<INPUT TYPE="button" NAME="next" VALUE="下一个" onClick="goNextAnchor('sec3')">
</FORM>
<HR>
相关文章推荐
- js高级编程笔记3
- js高级编程笔记2
- JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
- Hadoop学习笔记(7) ——高级编程
- Unix环境高级编程笔记 :7、进程环境
- Unix高级环境编程笔记-1--Unix标准化和Unix系统
- Unix高级环境编程笔记-2--基本系统数据类型
- JavaScript高级程序设计(第2版) 学习笔记:(一)js函数依赖性
- unix环境高级编程笔记 (1) 准备篇
- 《 Unix环境高级编程 》1~5章笔记
- JavaScript高级程序设计 学习笔记 js高级技巧
- Unix环境高级编程 第二章 学习笔记
- JS高级程序设计--笔记
- unix环境高级编程(阅读笔记)------signal函数与sigaction的区别
- JS DOM编程艺术——HTML5—— JS学习笔记2015-7-24(第91天)
- JS高级编程3-函数柯里化
- -高级Javascript编程学习笔记----Javascript编程及架构设计最应该注意的基本点
- css-dom(js dom编程艺术第九章笔记)
- c++ 学习笔记(高级linux编程) day7
- unix环境高级编程笔记(6)—— 文件和目录(3)