网页编程的学习笔记
网页编程的学习笔记
一、JavaScript
二、ASP
一、JavaScript
0-1基本Html语言
n(1)超链接指定目标网页的Name
一般情况下超链接打开的目标网页是在本网页之内打开的,但是利用上面的代码可以在新窗口中打开目标网页,再重新打开时仍然在已经开启的目标网页中显示.
n(2)框架中指定子网页的Name
上面的网页框架中,点击下面的产生随机数时,上面的数字会随着刷新
框架代码
上部的网页代码
下部网页代码
nJS提交表单数据语法
Document.formName.submit();
n(3)在网页总嵌套其它网页(Ifame)
去掉frameBorder=0,则IFRAME带上边框
scrolling="no"则没有了调整位置的滚动条
把Iframe中添到层中可以随着层改变位置
点击按钮更改Iframe的网页内容
pdfshow.document.location='url'; "> frameBorder=1width="100%"height="100%" >
第二个例子程序 src=""frameBorder=1width=300scrolling=yes height=200>
注意修改目标地址的时候,不能随便写,如写程sohu和csdn则会报错,”权限拒绝”,要在自己目录下的(好象同一个网站下的也应该行吧) functionpushbutton() { v=confirm("完全删除后将无法恢复，请您确认是否继续?"); if(v) alert('yesclicked'); else alert('noclicked'); } window.document.getElementById('nodeName').readOnly=false; window.document.getElementById('nodeTops').readOnly=false; window.document.getElementById('nodeName').select(); ： 下拉选择框的名字是D1 <1>获得D1中有几个元素:alert(D1.options.length); <2>追加一个新元素,cctv functionAddNew() { varMycat=document.createElement("OPTION"); Mycat.text=Mycat.value="cctv"; document.forms[0].D1.add(Mycat); document.forms[0].D1.selectedIndex=document.forms[0].D1.length-1; document.refresh; } if(this.name!='fullscreen'){ setTimeout("window.opener=null;window.close();",500); window.open(location.href,'fullscreen','fullscreen,scrollbars'); } <bodyonLoad="scroll()"> 在网页刷新,启动时调用指定的函数. <bodyonload="scroll()"onunload="alert('关闭')"> οnclick=pushbutton("你好")//单击调用函数Click οnblur=Message(this.value)//丢失焦点LostFocus οnmοuseοver="window.status='Justanotherstupidlink...';returntrue"//鼠标移过MouseMove JavaScript代码可以直接写在Html的<>内,如: <Aonmouseover="vara;a=30;alert('我'+a+'岁');document.writeln('abc');"href="00Readme.htm">连结A> 这将显示一个超链接,连接的目标是00Readme.htm,当鼠标移动到该超链接上时,则执行JavaScript代码. <inputtype="button"value="按钮"name="B3"onMouseOut="alert('c');"> <bodyonmousemove="move();"> <bodyonSelect="window.status=Math.random();"> 反白选择网页上一个元素或文字时执行本事件,每多反白一个则执行一遍. 对象得到焦点： dateForm.select() text框内容发生变化时激发 说明,本节使用的代码都是设置按钮或图片等元素的外观或动作的 如<inputstyle="CURSOR:hand"type="button"value="按钮"name="B3"ID="Button1"> 可以把移动到按钮上的鼠标形状为手指形状 多个状态设置时用;分开 style="CURSOR:hand" style="display:none;CURSOR:hand" 可见是style="display:inline;CURSOR:hand" functionpromptOnClose(e){ //e=e?e:windowevent; varpromptString='你要关闭浏览器吗?'; //event.returnValue=promptString; returnpromptString; } if(window!=top){ top.location.href="http://www.baidu.com"; }else{ if(window.Event){ window.οnbefοreunlοad=function(event){ returnpromptOnClose(event); } }else{ window.οnbefοreunlοad=function(){ returnpromptOnClose(event); } } } 关于浏览器检测浏览器关闭事件(二)
把函数卸载module目录下的images.js(也可以是其它扩展名)文件中,便可以在本文件中使用,相当于把那段代码写在这个地方一样. 如images.js的内容可以这么写 functionX() { alert("a"); } 把这些函数写上就可以了, window.status="显示在状态条上"; alert("cctv";或alert('cctv'); document.writeln("abc"); document.writeln()在网页初始加载时,输出的文字会产生在源代码中,但是加载网页后再执行某些函数内执行的document.writeln();则会将整个网页的代码全部替换为输出的文字,所以document.writeln最好只在加载时执行一遍,它也可以创建元素,在网页中使用过程中最好不要执行document.writeln, <html> <head> head> <bodybgcolor="pink"> <script>document.writeln("abc");script> <inputonclick="document.writeln('abc');"type="button"value="按钮"name="B3"style="CURSOR:hand"ID="Button1"> body> html> 第一次会显示abc并且有按钮,当点击按钮时,源代码就只剩下了abc其它文字全没有了 vari; i=Math.random(); Math的都是数学方面的运算,包括sin,cos等等 <html> <head> <script> functionMyOpen(url) { msg=open(url,"xzy"); } script> head> <body> <inputtype="button"name="Button2"value="按钮"onclick="MyOpen('00Readme.htm')"ID="Button1"> body> html> <script> location="http://www.sohu.com"; script> 只要网页一执行这个代码,就会把网页引导到指定的目标上,若像这样写在body之间,只要一打开网页就去了sohu上,不会显示本网页的内容 也可以把location=””放在onclick中或其它事件中,则可以导引网页到sohu上. 网页a1.htm和a2.htm,在a2上编制了一个通用的过程,只要按照一定的规则打开a2,则a2可以再返回到a1上 a1.htma2.htm <script> vara=newArray("cctv","sxtv","tytv"); vara=newArray(3); vara=newArray(); a[0]="cctv"; a[1]="sxtv"; a[2]="tytv"; a[3]="xzy"; for(i=0;i document.writeln(a[i]); script> 数组的join(stringval)可以将数组元素连接起来,并且用中间插入val, 当在网页上交互显示下拉框内容的时候可以将内容加载到数组内,再利用innerHTML将内容显示在出来
显示: cctv vararr=newArray(1000) arr[0]="xbc1"; arr[1]="bcx2"; arr[2]="cctv3"; arr[5]="xctv4"; arr.sort(); for(i=0;i { if(arr[i]!=null) document.writeln(arr[i]); } history.back() history.forward() history.go(1)go(-1)go(-2) vara1; a1=parseInt(”88”); document.first.text1.focus(); document.bgColor=255; varD=newDate();返回的是当前日期 varD=newDate(1995,10,11); D.setHours(15); 给日期类型赋值
n(4)YesNo提示框
n设置文本输入框的读写属性
n选取文本框中的文本函数
n(5)在超链接中执行函数
n(6)下拉选择框的几个属性
n(7)网页打开时加载另外一个内容
n(8)避免重复open窗体
n（9）加入CSS
n(10)加入js文件
000各种事件
n(1)onLoad
n(2)onunload
n(3)onClick
n(4)onblur也就是LostFocus
n(5)OnMouseOver:当鼠标移进区域时执行,MouseIn
n(6)onMouseOut鼠标移出
n(7)onMouseMove鼠标在区域内移动
n(8)onSelect:反白选择其上的文字或元素时
n(9)onChange
000_1常用的元素状态设置
n(1)设置鼠标的外观
n(2)设置为不可见
关于js检测浏览器关闭事件(-)
001常用JavaScript代码
n三目运算（？：）
n(0)把函数写在其它文件中(类似C中的include,或inline)
n(1)在状态条上书写字符串
n(2)Alert
n(3)输出文字
n(4)数学运算
n(5)打开一个网页
Ø①在新窗口中打开
Ø②在当前网页打开
n(5_01)可以互相打开的地址函数
n(6)使用数组
Ø基本操作
Øjoin:利用数组的join方法,连接所有的数组内容
sxtv
tytv
xzy Ø数组排序
n(7)网页的后退和前进
n(8)类型转换
Ø①字符串转为整数
n(9)设置焦点
n(10)设置背景色
n(11)日期函数
n(12)使用网页地址的一些信息