Js刷新框架方法

合集下载

el-tree刷新节点的方法

el-tree刷新节点的方法（实用版4篇）篇1 目录I.引言A.介绍el-tree组件B.说明节点刷新在el-tree中的重要性II.el-tree节点刷新的方法A.手动刷新节点1.使用ref属性获取节点实例2.调用节点的refresh方法B.自动刷新节点1.设置节点的ref属性2.使用ref获取节点实例3.调用节点的refresh方法III.总结A.总结el-tree节点刷新的方法B.强调节点刷新在el-tree中的重要性篇1正文el-tree是一个功能强大的组件，常用于构建树形结构的数据展示。

节点刷新是el-tree中的一个重要功能，可以确保节点数据及时更新。

下面是el-tree节点刷新的两种方法。

一、手动刷新节点在el-tree中，手动刷新节点的方法非常简单。

只需要使用ref属性获取到对应节点的实例，然后调用节点的refresh方法即可。

首先，通过ref属性获取节点实例，例如：u003cel-treeref="node"u003eu003c/el-treeu003e然后，在代码中调用节点的refresh方法，例如：this.$refs.node.refresh()二、自动刷新节点在el-tree中，可以通过设置节点的ref属性来实现自动刷新。

当节点的数据发生改变时，系统会自动调用节点的refresh方法，更新节点的数据。

篇2 目录I.树形结构概述II.树形结构的节点数据III.树形结构的节点展示IV.树形结构的节点操作篇2正文树形结构是一种常见的数据展示方式，通常用于展示层次化的数据结构。

在树形结构中，每个节点表示一个数据项，并且节点之间有父子关系。

为了实现节点之间的层次关系，可以使用树形控件来实现。

常见的树形控件包括 el-tree 和 jstree 等。

在 el-tree 中，节点的数据通常以 JSON 格式进行存储。

每个节点包括以下属性：* data：节点的数据* children：节点的子节点列表* parent：节点的父节点对象* label：节点的标签* node_id：节点的唯一标识符在 el-tree 中，可以通过以下方法来刷新节点：1.使用 refresh 方法来刷新整个树形结构。

JS插件dropload下拉刷新、上拉加载使用小结

JS插件dropload下拉刷新、上拉加载使⽤⼩结前端展⽰php代码；<?phpheader("Content-type: text/html; charset=utf-8");include_once("./config.php");// 初始显⽰界⾯数据获取$data = file_get_contents(URL."/interfaces/page.php?paging=1");// echo $data;die;$data = json_decode($data);// var_dump($data);die;><!DOCTYPE html><html lang="zh-cn"><head><meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8"><title>加载顶部、底部</title><link rel="stylesheet" type="text/css" href="./css/display.css" rel="external nofollow" ><link rel="stylesheet" href="./css/dropload.css" rel="external nofollow" ></head><body><div class="header"><h1>就当我是新闻页吧</h1></div><div class="content"><div class="lists"><?php for ($i=0; $i < count($data->data) ; $i++) { ?><a class="item" href="#" rel="external nofollow" ><img src="./img/pic.jpg" alt=""><h3>hehe</h3><span class="date"><?php echo $data->data[$i]->id; ?></span></a><?php } ?></div></div><div class="footer"><a href="#1" rel="external nofollow" class="item">测试菜单</a><a href="#2" rel="external nofollow" class="item">只做展⽰</a><a href="#3" rel="external nofollow" class="item">⽆功能</a><a href="#4" rel="external nofollow" class="item">不⽤点</a></div><script src="./js/jquery.min.js"></script><script src="./js/dropload.min.js"></script><script>$(function(){var paging = 1;//页码数// dropload函数接⼝设置$('.content').dropload({scrollArea : window,// 下拉刷新模块显⽰内容domUp : {domClass : 'dropload-up',// 下拉过程显⽰内容domRefresh : '<div class="dropload-refresh">↓下拉过程显⽰内容-下拉刷新-⾃定义内容</div>',// 下拉到⼀定程度显⽰提⽰内容domUpdate : '<div class="dropload-update">↑释放更新-⾃定义内容</div>',// 释放后显⽰内容domLoad : '<div class="dropload-load"><span class="loading"></span>加载中-⾃定义内容...</div>'},domDown : {domClass : 'dropload-down',// 滑动到底部显⽰内容domRefresh : '<div class="dropload-refresh">↑上拉加载更多-⾃定义内容</div>',// 内容加载过程中显⽰内容domLoad : '<div class="dropload-load"><span class="loading"></span>加载中-⾃定义内容...</div>',// 没有更多内容-显⽰提⽰domNoData : '<div class="dropload-noData">暂⽆数据-⾃定义内容</div>'},// 1 . 下拉刷新回调函数loadUpFn : function(me){$.ajax({type: 'GET',// 每次获取最新的数据即可url: './interfaces/page.php?paging=1',dataType: 'json',success: function(data){// $.ajax()虽然接⼝提供json字符串，但接收到的是 json对象// alert(typeof(data));var result = '';// 循环拼接显⽰内容 DOM// 刷新获取多少数据，显⽰多少使⽤html()重置 lists DOMfor(var i = 0; i < data.data.length; i++){result += '<a class="item opacity" href="'+data.data[i].link+'" rel="external nofollow" rel="external nofollow" >' +'<img src="'+data.data[i].pic+'" alt="">'+'<h3>hehe</h3>'+'<span class="date">'+data.data[i].id+'</span>'+'</a>';}// 为了测试，延迟1秒加载setTimeout(function(){// 插⼊加载使⽤ html() 重置 DOM$('.lists').html(result);// 每次数据加载完，必须重置me.resetload();},1000);},// 加载出错error: function(xhr, type){alert('Ajax error!');// 即使加载出错，也得重置me.resetload();}});},// 2 . 上拉加载更多回调函数loadDownFn : function(me){paging++; // 每次请求，页码加1$.ajax({type: 'GET',url: './interfaces/page.php?paging='+paging,dataType: 'json',success: function(data){// data = JSON.parse(data);var result = '';// 选择需要显⽰的数据拼接 DOMfor(var i = 0; i < data.data.length; i++){result += '<a class="item opacity" href="'+data.data[i].link+'" rel="external nofollow" rel="external nofollow" >' +'<img src="'+data.data[i].pic+'" alt="">'+'<h3>heheh</h3>'+'<span class="date">'+data.data[i].id+'</span>'+'</a>';if(data.data.length<15){// 再往下已经没有数据// 锁定me.lock();// 显⽰⽆数据me.noData();break;}}// 为了测试，延迟1秒加载setTimeout(function(){// 加载插⼊到原有 DOM 之后$('.lists').append(result);// 每次数据加载完，必须重置me.resetload();},1000);},// 加载出错error: function(xhr, type){alert('Ajax error!');// 即使加载出错，也得重置me.resetload();}});},threshold : 50 // 什么作⽤});});</script></body></html>后端分页接⼝<?phpheader("Content-type: text/html; charset=utf-8");// 包含数据库配置信息include_once('../config.php');// 接收数据$paging = isset($_REQUEST['paging'])?$_REQUEST['paging']:'';// $paging = 1;$num = 15;//每页显⽰记录条数$start_page = $num*($paging-1);// 每页第⼀条记录编号// ⽤于返回数据$return = array();$data = array();/* mysqli ⾯向对象编程⽅式 */// 1 . 创建数据库链接$conn = new mysqli($servername,$username,$password,$database);if ($conn->connect_error) {die("连接失败 : ".$conn->connect_error);}// echo "链接成功";// 设置字符集（以防出错每次都要写）$conn->query("SET NAMES utf8");// 2 . 数据操作$sql = "SELECT * FROM mission_news order by id desc limit $start_page , $num;";// $sql = "SELECT * FROM mission_news order by id desc limit 0 , 15;";// 3 . 执⾏⼀条语句$ret = $conn->query($sql);// 4 . 循环获取每条记录if ($ret->num_rows > 0) {while ($row = $ret->fetch_assoc()) { //将每条记录以数组形式返回// var_dump($row);// echo "id = ".$row['id']." mid = ".$row['mid']." context = ".$row['context']."<br>";$tmp = array();//临时数组整合信息$tmp['id'] = $row['id'];$tmp['mid'] = $row['mid'];$tmp['context'] = $row['context'];$tmp['turn'] = $row['turn'];$tmp['created'] = $row['created'];// 临时数组拼接到返回的数组中$data[] = $tmp; // ⾃增}// 拼接返回数组$return['result'] = 1;$return['data'] = $data;}// 5 . 关闭数据库$conn->close();// 6 . 编码为json字符串返回echo json_encode($return);>以上所述是⼩编给⼤家介绍的JS 插件dropload下拉刷新、上拉加载使⽤⼩结，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。

relationgraph组件的刷新方法

relationgraph组件的刷新方法在前端开发中，`RelationGraph`组件通常是一种用于可视化展示关系网络图的工具。

具体刷新方法可能因使用的图表库或自定义组件而异。

下面是一些通用的刷新方法，供你参考。

1. 使用图表库的内置方法如果你使用的是某个图表库（例如D3.js、Echarts等），通常这些库会提供一些内置的方法来更新图表。

例如，在Echarts中，你可以使用`setOption`方法来更新图表的配置：```javascript// 假设chart 是你的图表实例var newOption = {// 新的配置选项};chart.setOption(newOption);```2. React/Vue等框架的状态管理如果你使用的是React、Vue等前端框架，可以通过状态管理来刷新`RelationGraph`组件。

当数据发生变化时，更新组件的状态，框架会负责重新渲染组件。

React示例：```jsximport React, { useState, useEffect } from 'react';import RelationGraph from 'your-relation-graph-library';function MyComponent() {const [graphData, setGraphData] = useState(/* 初始数据*/);// 当graphData 发生变化时，重新渲染组件useEffect(() => {// 更新RelationGraph 组件的数据// 例如：setGraphData(newData);}, [graphData]);return (<RelationGraph data={graphData} />);}```3. 手动刷新在一些情况下，你可能需要手动调用某个刷新方法，或者重新加载数据。

frameset调用frame内的js方法

frameset调用frame内的js方法Frameset调用Frame内的JS方法介绍在Web开发中，使用frameset标签可以将网页分为多个框架，每个框架可以加载不同的网页。

在某些情况下，我们可能需要在一个框架中调用另一个框架内的JavaScript方法。

本文将详细介绍几种方法来实现这一需求。

使用方法方法一：使用top对象•在需要调用方法的框架中，使用``访问最顶层的窗口对象。

•使用['frameName']访问指定名称的框架，这里的frameName 是框架的name属性。

•使用[frameIndex]访问指定序号的框架，框架的序号从0开始。

•调用框架中的函数：['frameName'].methodName()方法二：使用parent对象•在需要调用方法的框架中，使用``访问父级窗口对象。

•使用['frameName']访问指定名称的框架，这里的frameName 是框架的name属性。

•使用[frameIndex]访问指定序号的框架，框架的序号从0开始。

•调用框架中的函数：['frameName'].methodName()方法三：使用contentWindow对象•在需要调用方法的框架中，使用frameElement获取当前框架的元素。

•使用``访问当前框架的窗口对象。

•调用框架中的函数：()方法四：使用postMessage方法•在需要调用方法的框架中，使用(message, targetOrigin)将消息发送给父级窗口。

•在父级窗口中，监听message事件，通过判断和来验证消息来源。

•调用框架中的函数：在父级窗口中使用['frameName'].methodName()注意事项•跨域访问的限制：当框架的源自不同的域时，浏览器会阻止跨域访问，因此确保框架位于同一域下，避免出现访问限制的问题。

•确保框架已加载完成：在调用框架内的方法之前，确保被调用的框架已经加载完成，避免出现undefined的错误。

js中页面的重新加载（当前页面上级页面）及frame或iframe元素引用介绍

js中页⾯的重新加载（当前页⾯上级页⾯）及frame或
iframe元素引⽤介绍
⽤JavaScript刷新上级页⾯和当前页⾯
复制代码代码如下:
<script type="text/javascript">
//刷新上级页⾯
//window.parent.main.document.location.reload();
//刷新当前页⾯
document.location.reload();
</script>
每个frame元素或者iframe元素就是⼀个框架,这个框架是⼀个窗⼝,在这个窗⼝中加载⼀个html⽂档.使⽤下⾯的⼏种⽅法都可以引⽤frame或iframe元素:
复制代码代码如下:
window.frames[index]
windows.frames["框架名"]
windows.框架名
如果想从框架所加载的⽹页中获取对⽗窗⼝的引⽤,那么就可以使⽤下⾯的⽅法:
复制代码代码如下:
window.parent
如果要对⽗窗⼝中某个框架的引⽤,那么就可以使⽤下⾯的⽅法:
复制代码代码如下:
window.parent.框架名
也可以使⽤下⾯的⽅法获取对⽗窗⼝的最顶端框架的引⽤:
复制代码代码如下:
window.top
只要获得对框架的引⽤，就可以操控该框架对象。

js刷新页面的几种方法

js刷新页面的几种方法
1.使用location.reload()方法：该方法会重新加载当前页面，包括所有资源（如图片、脚本），并重置浏览器的缓存。

可以在事件处理函数中使用该方法实现刷新页面的效果。

2. 使用 location.href 属性：该属性可以设置或获取当前页面的 URL，通过将其设置为当前页面的 URL，可以实现刷新页面的效果。

例如：location.href = location.href;
3. 使用 window.location.replace() 方法：该方法会将当前页面替换为一个新的页面，并且不会留下浏览器的历史记录。

可以在事件处理函数中使用该方法实现刷新页面的效果。

4. 使用 history.go(0) 或 history.back() 方法：这两个方法都可以实现刷新页面的效果，但是 history.back() 方法会将页面返回到浏览器的历史记录，而 history.go(0) 方法则相当于刷新当前页面。

可以在事件处理函数中使用这两个方法实现刷新页面的效果。

- 1 -。

jquery刷新页面页面跳转js常用函数

jquery刷新页面页面跳转js常用函数jquery刷新页面局部刷新：这个方法就多了去了，常见的有以下几种；$.get方法，$.post方法，$.getJson方法,$.ajax方法如下前两种使用方法基本上一样$.get(”Default.php”, {id:”1″, page: “2″ },function(data){//这里是回调方法。

返回data数据。

这里想怎么处理就怎么处理了。

});$.getScript方法：$.getScript(”/jquery.js”,function(){$(”#go”).click(function(){//回调方法$(”.block”).animate( { backgroundColor: ‘pink’ }, 1000) .animate( { backgroundColor: ‘blue’ }, 1000);});});$.getJson只是返回的数据类型不一样$.getJson(”Default.php”, {id:”1″, page: “2″ },function(data){//注意，这里返回的JSON数据引用方法为””,不明白的可以查一下json方面的教程。

这里就不解释太多了});$.ajax 这个方法估计用的人很多吧。

不过我不太喜欢用这个。

个人觉得前面两个更方便$.ajax({type: “POST”, //提交的类型url: “some.php”,//提交地址data: “name=John&location=Boston”,//参数success: function(msg){ //回调方法alert( “Data Saved: ” + msg );//这里是方法内容，和上面的get方法一样}});下面介绍全页面刷新方法：有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象（用于框架）opener.location.reload()刷新父窗口对象（用于单开窗口）top.location.reload()刷新最顶端对象（用于多开窗口）下面再介绍一些javascript基本函数•1.document.write(”");为输出语句•2.JS中的注释为//•3.传统的HTML文档顺序是:document->html->(head,body) •4.一个浏览器窗口中的DOM顺序是:window->(navigator,scre en,history,location,document)•5.得到表单中元素的名称和值:document.getElementById(”表单中元素的ID号”).name(或value)•6.一个小写转大写的JS: document.getElementById(”outpu t”).value = document.getElementById(”input”).value.toUpper Case();•7.JS中的值类型:String,Number,Boolean,Null,Object,Functio n•8.JS中的字符型转换成数值型:parseInt(),parseFloat()•9.JS中的数字转换成字符型:(”"+变量)•10.JS中的取字符串长度是:(length)•11.JS中的字符与字符相连接使用+号.•12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=•13.JS中声明变量使用:var来进行声明•14.JS中的判断语句结构:if(condition){}else{}•15.JS中的循环结构:for([initial expression];[condition];[upadt e expression]) {inside loop}•16.循环中止的命令是:break•17.JS中的函数定义:function functionName([parameter],…){s tatement[s]}•18.当文件中出现多个form表单时.可以用document.forms [0],document.forms[1]来代替.•(这他妈太强大了早知道就不用费劲写怎么确定是哪个确认按钮了，分成几个form表单就完事了啊)•19.窗口:打开窗口window.open(), 关闭一个窗口:window.close (), 窗口本身:self•20.状态栏的设置:window.status=”字符”;•21.弹出提示信息:window.alert(”字符”);•22.弹出确认框:window.confirm();•23.弹出输入提示框:window.prompt();•24.指定当前显示链接的位置:window.location.href=”URL”•25.取出窗体中的所有表单的数量:document.forms.length•26.关闭文档的输出流:document.close();•27.字符串追加连接符:+=•28.创建一个文档元素:document.createElement(),document. createTextNode()•29.得到元素的方法:document.getElementById()•有它为什么用dom那种靠父节点或者什么左边右边来确定元素呢•49.引用一个文件式的JS:<script type=”text/javascript” src =”aaa.js”></script>•50.指定在不支持脚本的浏览器显示的HTML:<noscript></nos cript>•51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.ht ml,否则转向b.html. 例:<a href=”a.html”onclick=”location.hre f=’b.html’;return false”>dfsadf</a>•52.JS 的内建对象有:Array,Boolean,Date,Error,EvalError,Funct ion,Math,Number,Object,RangeError,ReferenceError,RegExp,Strin g,SyntaxError,TypeError,URIError•53.JS中的换行:\n•54.窗口全屏大小:<script>function fullScreen(){ this.moveTo (0,0);this.outerWidth=screen.availWidth;this.outerHeight=scree n.availHeight;}window.maximize=fullScreen;</script> •55.JS中的all代表其下层的全部元素••56.JS中的焦点顺序:document.getElementByid(”表单元素”). tabIndex = 1•57.innerHTML 的值是表单元素的值:如<p id=”para”>”ho w are <em>you</em>”<p& gt;</p>,则innerHTML的值就是:h ow are <em>you</em>•58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.•59.contentEditable可设置元素是否可被修改,isContentEditab le返回是否可修改的状态.•60.isDisabled判断是否为禁止状态.disabled设置禁止状态•61.length取得长度,返回整型数值•62.addBehavior()是一种JS调用的外部函数文件其扩展名为.ht c•63.window.focus()使当前的窗口在所有窗口之前.•64.blur()指失去焦点.与FOCUS()相反.•65.select()指元素为选中状态.•66.防止用户对文本框中输入文本:onfocus=”this.blur()”•67.取出该元素在页面中出现的数量:document.all.tags(”div(或其它HTML标记符)”).length•68.JS中分为两种窗体输出:模态和非模态.window.showModal dialog(),window.showModeless()•69.状态栏文字的设置:window.status=’文字’,默认的状态栏文字设置:window.defaultStatus = ’文字.’;•70.添加到收藏夹:external.AddFavorite(”http://www.google. com”,”Google”);•71.JS中遇到脚本错误时不做任何操作:window.onerror = doN othing; 指定错误句柄的语法为:window.onerror = handleError;•72.JS中指定当前打开窗口的父窗口:window.opener,支持open er.opener…的多重继续.•73.JS中的self指的是当前的窗口•74.JS中状态栏显示内容:window.status=”内容”•75.JS中的top指的是框架集中最顶层的框架•76.JS中关闭当前的窗口:window.close();•77.JS中提出是否确认的框:if(confirm(”Are you sure?”)){aler t(”ok”);}else{alert(”Not Ok”);}•78.JS中的窗口重定向:window.navigate(”http://www.googl ”);•79.JS中的打印:window.print()•80.JS中的提示输入框:window.prompt(”message”,”defaul tReply”);•81.JS中的窗口滚动条:window.scroll(x,y)•82.JS中的窗口滚动到位置:window.scrollby•83.JS中设置时间间隔:setInterval(”expr”,msecDelay)或setI nterval(funcRef,msecDelay)或setTimeout•84.JS中的模态显示在IE4+行,在NN中不行:showModalDialo g(”URL”[,arguments][,features]);•85.JS中的退出之前使用的句柄:function verifyClose() {event.r eturnValue=”we really like you and hope you will stay longer.”;}} window.onbeforeunload=verifyClose;•86.当窗体第一次调用时使用的文件句柄:onload()•87.当窗体关闭时调用的文件句柄:onunload()•88.window.location 的属性: protocol(http:),hostname(www. ),port(80),host(:80),pathname(”/a /a.html”),hash(”#giantGizmo”,指跳转到相应的锚记),href(全部的信息)•89.window.location.reload()刷新当前页面.•89-1.parent.location.reload()刷新父亲对象（用于框架）•89-2.opener.location.reload()刷新父窗口对象（用于单开窗口）•89-3.top.location.reload()刷新最顶端对象（用于多开窗口）•90.window.history.back()返回上一页,window.history.forwar d()返回下一页,window.history.go(返回第几页,也可以使用访问过的U RL)•91.document.write()不换行的输出,document.writeln()换行输出•92.document.body.noWrap=true;防止链接文字折行.•93.变量名.charAt(第几位),取该变量的第几位的字符.•94.”abc”.charCodeAt(第几个),返回第几个字符的ASCii码值.•95.字符串连接:string.concat(string2),或用+=进行连接•96.变量.indexOf(”字符”,起始位置),返回第一个出现的位置(从0开始计算)•stIndexOf(searchString[,startIndex])最后一次出现的位置.•98.string.match(regExpression),判断字符是否匹配.•99.string.replace(regExpression,replaceString)替换现有字符串.•100.string.split(分隔符)返回一个数组存储值.•101.string.substr(start[,length])取从第几位到指定长度的字符串.•102.string.toLowerCase()使字符串全部变为小写.•103.string.toUpperCase()使全部字符变为大写.•104.parseInt(string[,radix(代表进制)])强制转换成整型.•105.parseFloat(string[,radix])强制转换成浮点型.•106.isNaN(变量):测试是否为数值型.•107.定义常量的关键字:const,定义变量的关键字:var。

js自动刷新当前页面的方法

js自动刷新当前页面的方法【实用版4篇】目录（篇1）I.自动刷新当前页面的方法II.自动刷新当前页面的方法实现原理III.自动刷新当前页面的方法应用场景IV.自动刷新当前页面的方法优缺点正文（篇1）一、自动刷新当前页面的方法1.使用JavaScript实现自动刷新当前页面2.使用定时器定时执行JavaScript代码，实现自动刷新页面3.使用jQuery插件，如jQuery UI的`dialog`组件，实现自动刷新页面二、自动刷新当前页面的方法实现原理1.使用定时器定时执行JavaScript代码，实现自动刷新页面2.使用jQuery插件，如jQuery UI的`dialog`组件，实现自动刷新页面3.使用定时器定时执行JavaScript代码，实现自动刷新页面三、自动刷新当前页面的方法应用场景1.用于网站后台管理，实现定时备份数据2.用于在线教育平台，实现定时更新课程内容3.用于在线购物平台，实现定时更新商品信息四、自动刷新当前页面的方法优缺点1.优点：提高用户体验，减少用户等待时间；提高网站运行效率，减少服务器负担。

目录（篇2）I.自动刷新当前页面的方法II.自动刷新当前页面的方法实现原理III.自动刷新当前页面的方法应用场景IV.自动刷新当前页面的方法注意事项正文（篇2）I.自动刷新当前页面的方法---在网页开发中，有时候我们需要自动刷新当前页面，以便于实时查看页面内容的变化。

一种常用的方法是通过JavaScript代码实现自动刷新。

具体实现方式如下：1.在HTML文件中添加一个按钮或者链接，用于触发自动刷新操作。

2.在按钮或者链接的点击事件中，使用JavaScript代码执行页面刷新操作。

3.在JavaScript代码中，使用location.reload()方法或者location.href = location.href方法实现页面刷新。

例如，以下代码可以实现一个按钮，点击该按钮即可自动刷新当前页面：```htmlu003cbutton onclick="location.reload()"u003e刷新页面u003c/buttonu003e```II.自动刷新当前页面的方法实现原理---自动刷新当前页面的方法主要是通过JavaScript代码获取当前页面对象，然后调用页面对象的reload()方法或者href属性来实现页面刷新。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

下面以三个页面分别命名为framedemo.html,left.html,right.html为例来具体说明如何做。

其中framedemo.html由左右两个页面组成，代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> frameDemo </TITLE></HEAD><frameset cols="200,*"><frame name=top src="left.html"><frame name=button src="right.html"></frameset></HTML>现在假设left.html即上面的页面有一个button来实现对下面页面的刷新，可以用以下七种语句，哪个好用自己看着办了。

语句1. window.parent.frames[1].location.reload();语句2. window.parent.frames.bottom.location.reload();语句3. window.parent.frames["bottom"].location.reload();语句4. window.parent.frames.item(1).location.reload();语句5. window.parent.frames.item('bottom').location.reload();语句6. window.parent.bottom.location.reload();语句7. window.parent['bottom'].location.reload();解释一下：1.window指代的是当前页面，例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面，也就是包含它的框架页面。

例如对于此例它指的是framedemo.html。

3.frames是window对象，是一个数组。

代表着该框架内所有子页面。

4.item是方法。

返回数组里面的元素。

5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。

top.html源代码；(页面上有七个按钮，功能都是刷新下面的框架页面)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD></HEAD><BODY><input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br><input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br><input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br><input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br><input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br><input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br><input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br></BODY></HTML>下面是right.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD></HEAD><BODY onload="alert('我被加载了！')"><h1>This is the content in button.html.</h1></BODY></HTML>经我测试，只能1 和4 显示效果，别的好像不对哟=============＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝附：Javascript刷新页面的几种方法：1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href自动刷新页面的方法:1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=">其中20指隔20秒后跳转到页面3.页面自动刷新js版<script language="JavaScript">function myrefresh(){window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script>如何输出刷新父窗口脚本语句1. this.response.write("<script>opener.location.reload();</script>");2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")JS刷新框架的脚本语句//如何刷新包含该框架的页面用<script language=JavaScript>parent.location.reload();</script>//子窗口刷新父窗口<script language=JavaScript>self.opener.location.reload();</script>(或<a href="javascript:opener.location.reload()">刷新</a> )//如何刷新另一个框架的页面用<script language=JavaScript>parent.另一FrameID.location.reload();</script>如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。

<body onload="opener.location.reload()"> 开窗时刷新<body onUnload="opener.location.reload()"> 关闭时刷新<script language="javascript">window.opener.document.location.reload()</script>。