html3

来源:互联网 发布:卖家退出淘宝客 编辑:程序博客网 时间:2024/05/16 18:55
7.4.2浮动框架的高度和高度
7.4.3浮动框架的对齐方式
7.4.4设置浮动框架是否显示滚动条
7.4.5浮动框架的边距
第十五章:javascript语法基础
15.2javascript的放置位置
15.2.1<script/>的使用方法
使用<script>标签中的language特性声明使用的脚本语言,language特性一般被设置为javascript,不过也可以用它声明
javascript的确切版本
<script type="text/javascript1.3">
<!--
javascript语句
-->
</script>
浏览器通常忽略未知标签,因此在使用不支持javascript的浏览器阅读网页时,javascript代码也会被阅读。
为了防止这种情况的发生,通过在脚本的第一行输入<!--,在最后一行输入-->的方式注销代码。script可以
位于head中也可以位于body中
15.2.2位于网页之外的单独脚本文件中
如:
<script type="text/javascript" src="URL">
</script>
运行时js文件的代码全部嵌入包含它的页面中,页面程序可以自由使用,减少了代码冗余。
15.2.3直接位于事件处理部分的代码中
<input type="button" name="FullScreen" value="全屏显示"
onclick="Window.open(document.location,'big','fullscreen')">
15.3javascript运算符
15.3.1算术运算符
15.3.2逻辑运算符
15.3.3比较运算符
15.5制作倒计时特效




<script language="javascript">
var timedate=new Date("October 1,2015,");
var times="元旦";
var now=new Date();
var date=timedte.getTime-now.getTime();
var time=Math.floor(date/(1000*60*60*24));
document.write("现在离2015年"+times+"还有:<font color=red><b>"+time+"</b></font>天")


第十六章:javascript中的事件
鼠标事件:分为两种,追踪鼠标当前位置的事件(mouseover,mouseout);追踪鼠标在被点击的事件(mouseup,mousedown,click)
键盘事件:keyup,keydown,keypress
ui事件:用来追中用户何时从页面的一部分转到另一部分。例如:使用它能知道用户何时开始在一个表单中输入。用来追踪这一点的
两个事件是focus和blur
表单事件:直接与只发生与表单和表单输入元素上的交互相关。submit事件用来追踪表单何时被提交:change事件监视用户向元素的
输入;select事件当<select>元素被更新时触发
加载和错误事件:事件的最后一类是与页面本身相关。如加载页面事件load;最终离开页面事件unload。另外,javascript错误使用error
事件追踪




16.2事件分析:
16.2.1 click事件
此事件是在一个对象上按下然后释放一个鼠标按钮时发生,它也会发生在一个控件的值被改变时。这里的单击时指完成按下鼠标键并释放这个
完整的过程后产生的事件。
eg:
onclick=函数或者处理语句


<input type="submit" name="Submit" value="打印本页" onClick="javascript:window.print()">
支持改事件的javascript对象还有button,document,checkbox,link,radio,reset,submit。
16.2.2 change事件
改变事件(change)通常在文本框或下拉列表中激发。在下来列表中只要修改了可选项,就会激发change事件;在文本框中,只有修改了文本框
中的文字并在文本框失去焦点时才会被激发。
基本语法:
on change=函数或处理语句
eg:
<input name="textfield" type="text" size="20" onchenged=alert("输入搜索内容")>
显示表单内容变化引起change事件执行处理效果。这里的change结果是弹出提示信息框。


16.2.3 select事件
select事件是指当文本框中的内容被选中时所发生的事件
基本语法:
onSelect=处理函数或者处理语句


<script language="javascript">
function strCon(str)
{
if(str!='请选择')
{
form1.text.value="你选择的是:"+str;
}
else
{
form1.text.value="";
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="text" cols="50" rows="2" onSelect="alert('你想复制吗?')">
</textarea>
</label>
<p>
<label>
<select name="select1" onChange="strAdd(this.value)">
<option value="请选择">
请选择
</option>
<option value="北京">
北京
</option>
<option value="上海">
上海
</option>
</select>
</label>
</p>
</form>
 本代码定义函数处理下拉列表的选择事件,当选择其中的文本时输出提示信息。


 16.2.4 focus事件
 得到焦点(focus)是指将焦点放在了网页中的对象之上。focus事件就得到焦点通常指选中了文本框
 等,并且可以在其中输入文字。
 基本语法:
 onfocus=处理函数或是处理语句
 eg:
 <form name="form1" method ="post" action="">
<p>
<label>
<input type"radio" name="RedioGroup" value="济南" onfocus=alert("选择济南!") >
济南
</lable>
<br>
<label>
<input type"radio" name="RedioGroup" value="哈尔滨" onfocus=alert("选择哈尔滨!") >
哈尔滨
</lable>
<br>
</p>
</form>


16.2.5 load事件
加载事件(load)与卸载事件(unload)是两个相反的事件。在HTML4.0中,只规定了body元素和frameset元素拥有加载和卸载事件,
但是大多数浏览器都支持img元素和object元素的加载事件。以body元素为例,加载事件是整个文档在浏览器窗口中加载完毕后所激发的
事件。卸载事件是指当前文档从浏览器窗口中卸载时所激发的事件,即关闭浏览器窗口或者从那个当前页面跳转到其他网页时所激发的
事件。load事件语法格式如下:
基本语法:
omLoad=处理函数或者是处理语句
eg:
<script type="text/JavaScript">


function MM_popupMsg(msg)
{
//
alert(msg);
}


</script>
16.2.6 鼠标移动事件
分为:mouseover,mouseout和mousemove。
onMouseover=处理函数或者处理语句
onMouseout=处理函数或者处理语句
16.2.7onblur事件
失去焦点和获得焦点相对,失去焦点(blur)是指将焦点从当前对象移开。对text对象,textarea对象或select对象
不再拥有焦点而退到后台时,引发该事件


<script type="text/JavaScript">
function one()
{
alert("hello");
}
</script>
16.3其他事件
onkeypress,onkeydown,onabort(当页面上的图片没有完全下载时,单击浏览器上的‘停止’按钮时的事件)
onberforeunload:当页面内容将要被改变时的事件
...


第十七章:JavaScript中的函数和对象
在函数被调用前函数体内的代码并不执行,即独立于主程序。javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的


函数对象与其他用户定义的对象有着本质的区别,这一类对象被称为内部对象。


基本语法:
function 函数名(参数...)
{
 return [表达式]
}
17.2.3函数的指针调用方式


17.3Javascript对象的声明和引用


17.3.1声明和实例化


17.3.2对象的引用


1)引用javascript内部对象
2)由浏览器环境中提供
3)创建对象


17.4 浏览器对象
浏览器的内部对象主要包括以下几个:
1)浏览器对象(navigator):提供有关浏览器的信息
2)文档对象(document):document对象包含了与文档元素一起工作的对象。
3)窗口对象(Windows):Windows对象处于对象层次的最顶端,它提供了处理浏览器窗口的方法和属性
4)位置对象(location):location对象提供了与当前打开的URL一起工作的方法和属性,他是一个静态的对象。
5)历史对象(history):history对象提供了与历史清单有关的信息


17.4。1 navigator对象
17.4.2windows对象
Windows对象处于对象层次的最顶端,他提供了处理navigator窗口的方法和属性。javascript的输入可以通过Windows对象来实现。
使用Windows对象产生用于客户与页面交互的对话框主要有3中:警告框,确定框,提示框。
17.4.3location对象
location地址对象描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用location就行了;若要表示某一个窗口的
地址,就可以使用“<窗口对象>.location”.
17.4.4 history对象
history对象用来存储客户端的浏览器已经访问过的网页(URL),这些信息存储在一个history列表中,通过对history对象的引用,可以
让客户端的浏览器返回到它曾经访问过的网页中去。其实它的功能和浏览器的工具栏上的后退和前进按钮一样。
17.4.5document对象
document对象包括当前浏览器窗口或者框架区域中的所有内容,包含文本域,按钮,单选钮,复选钮,下拉框,图片,链接等HTML页面可
访问元素,但不包括浏览器的菜单栏,工具栏和状态栏。document对象提供多种方式获得HTML元素对象的引用。JavaScript的输出可通过document
对象实现。在document中主要有anchor,links和form3个最重要的对象。
1)anchor锚对象:是指<a name=...></a>标记在HTML源码中存在时产生的对象,它包含文档中所有的anchor信息。
2)links链接对象:是指用<a herf=...></a>标记链接一个超文本或者超媒体的元素作为一个特定的URL
3)form窗口对象:是文档对象的一个元素,它含有多种格式的对象存储信息,使用它可以在javascript脚本中编写程序,并且可以用来动态
改变文档的行为。
17.5内置对象
date,math,string,array





原创粉丝点击