(freeware)><a href="#" onclick="window.frames['frame1'].MyNext()">aa</a>
<iframe id="frame1" src="print.html" ></iframe>
print.html 页面
<script language="javascript" type="text/javascript">
function MyNext()
{
alert(1);
}
</script>
那么要如何页面中的元素或id呢
例3.用JS访问iframe中的元素
1.首先,如何访问iframe中的元素?见如下代码:
(1)1.htm源码:
代码如下 复制代码
<input type=button value="test" onclick="self.frames['a'].document.all.mybutton.disabled=true">
<iframe src="2.htm" id="iframe2"></iframe>
(2)2.htm源码
<input type=button value="mybutton" id="mybutton">
<script language=javascript>
function showInfo(){alert();}
</script>
------------------------------------------------
在1.htm中点击test按钮,可以使2.htm(iframe页面)中mybutton按钮失效.就这么简单,呵呵.如果要调用2.htm中的JS函数这样写:
self.frames['a'].funtionname(param)
在1.htm中调用2.htm中的JS函数:iframe2.showInfo();
2.我遇到的问题:做一个项目时按照上述方法却无法访问iframe中的元素!!代码就是拷贝过来改变量名得来的,怎么就是不行呢?
后来,发现一点本质的不同:我的iframe页用的不是站内的页面,是指向外站中的url的!
将外站页面存到本站内后,就可以了,呵呵!
也就是说对于iframe中的页,如果是外站的页面,本站是没有对它的控制权的,甚至页中元素也是无法读取访问的.
动态更改iframe的高度
代码如下 复制代码
function changeParent(){
if (frameid1 != "" && parent!=null )
parent.document.getElementById("frameid1").style.height=document.body.scrollHeight;
}
js弹出对话框包括有confirm,alert,prompt,window.open等等下面我来给大家整理这些弹出对话框的一些应用实例,希望对各位同学会有所胡。
警告(alert)
在访问网站的时候,你遇到过这样的情况吗?“咚”的一声,一个小窗口出现在你面前,上面写着一段警示性的文字,或是其它的提示信息。如果你不点击确定,你就不能对网页做任何的操作。没错,这个“咚”的小窗口就是alert干的。
下面的代码是一段使用alert的实例。
代码如下 复制代码
<script type="text/JavaScript">
alert("我是菜鸟我怕谁");
</script>
我的个人观点是尽量少使用alert,它很不友好。甚至可能让一些方可认为你的网站很危险。
看一个使用alert的实例
确认(confirm)
确认框用于让用户选择某一个问题是否符合实际情况。
“说!是还是不是?快回答!”
如果你想表达这样的意思,那么confirm再合适不过了。来看下面的代码:我们用confirm("你是菜鸟吗?")向访客提问,变量r则保存了访客的回应,它只可能有两种取值:true或false。没错,它是一个布尔值。confirm后面的语句则是我们对访客回答做出的不同回应。
代码如下 复制代码
<script type="text/JavaScript">
var r=confirm("你是菜鸟吗");
if (r==true)
{
document.write("彼此彼此");
}
else
{
document.write("佩服佩服");
}</script>
看一个使用confirm的实例
提问(prompt)
prompt和confirm类似,不过它允许访客随意输入回答。我们来修改一下之前switch的例子,我们根据分数来做出不同的评价,不过那段程序并不完整,它根本就没问我们分数,而是假设我得了65分。这太不公平了。现在我么就可以用prompt来向访客提问,用score存储用户输入的回答,其余的事情就都由后面的switch来完成了。
代码如下 复制代码
<script type="text/JavaScript">
function judge() {
var score;//分数
var degree;//分数等级
score = prompt("你的分数是多少?")
if (score > 100){
degree = '耍我?100分满!';
}
else{
switch (parseInt(score / 10)) {
case 0:
case 1:
case 2:
case 3:
case 4:
case 5:
degree = "恭喜你,又挂了!";
break;
case 6:
degree = "勉强及格";
break;
case 7:
degree = "凑合,凑合"
break;
case 8:
degree = "8错,8错";
break;
case 9:
case 10:
degree = "高手高手,佩服佩服";
}//end of switch
}//end of else
alert(degree);
}
</script>
看一个完带的实例
代码如下 复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三种弹出对话框的用法实例</title>
<script language="javascript">
function ale()
{
//这个基本没有什么说的,就是弹出一个提醒的对话框
alert("我敢保证,你现在用的是演示一");
}
function firm()
{
//利用对话框返回的值 (true 或者 false)
if(confirm("你确信要转去风亦飞的博客?"))
{
//如果是true ,那么就把页面转向thcjp.cnblogs.com
location.href="";
}
else
{
//否则说明下了,赫赫
alert("你按了取消,那就是返回false");
}
}
function prom()
{
var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,
//这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
if(name)//如果返回的有内容
{
alert("欢迎您:"+ name)
}
}
</script>
</head>
<body>
<p>对话框有三种</p>
<p>1:只是提醒,不能对脚本产生任何改变;</p>
<p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p>
<p>3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>
<p>下面我们分别演示:</p>
<p>演示一:提醒 对话框</p>
<p>
<input type="submit" name="Submit" value="提交" onclick="ale()" />
</p>
<p>演示二 :确认对话框 </p>
<p>
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
</p>
<p>演示三 :要求用户输入,然后给个结果</p>
<p>
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</p>
</body>
</html>
最后就是window.open()弹出窗口对话框了
1、最基本的js弹出对话框窗口代码】
这是最基本的js弹出对话框,其实代码就几句非常简单:
代码如下 复制代码
<script LANGUAGE="javascript">
<!--
window.open ("page.html")
-->
</script>