JSON

JSON数据格式理解学习笔记(4)

字号+ 作者:H5之家 来源:H5之家 2017-01-22 09:10 我要评论( )

(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); }


(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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 掌握 Ajax,第 10 部分: 使用 JSON 进行数据传输

    掌握 Ajax,第 10 部分: 使用 JSON 进行数据传输

    2017-01-22 11:03

  • JavaScript学习总结(六)数据类型和JSON格式 码农网

    JavaScript学习总结(六)数据类型和JSON格式 码农网

    2017-01-21 16:06

  • json教程从入门到使用

    json教程从入门到使用

    2017-01-21 12:07

  •  Json学习笔记

    Json学习笔记

    2017-01-19 10:03

网友点评
d