js改变框架内容

最新推荐文章于 2023-10-29 09:46:21 发布
最新推荐文章于 2023-10-29 09:46:21 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： 框架 report div class url border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zelda002/article/details/6800401
版权

上、下两个分布的框架页面，通过js点击上frame改变下frame链接

1.  index.html

<frameset rows="306,*" frameborder="no" border="0" framespacing="0">
  <frame src="top.html" name="topList" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes>
<body>
</body>
</noframes>


2.  top.html

<script langue="text/javascript">
    function report(id){
        var type = "stock";
        if(id == '2'){
            type = "fund";
        }    
        top.mainFrame.location = "reportlist_2.jsp?type=" + type;//改变框架中的frame内容    
        document.getElementById("reportTit1").style.background="url(../images/0_21.jpg)";
        document.getElementById("reportTit2").style.background="url(../images/0_21.jpg)";
        document.getElementById("reportTit" + id).style.background="url(../images/0_20.jpg)";
        document.getElementById("report1").style.display="none";
        document.getElementById("report2").style.display="none";
        document.getElementById("report" + id).style.display="block";
    }
</script>

<div class="report">
    <div class="reportTit">
        <div id="reportTit1" onclick = "report(1);">股票透视日报</div>
        <div id="reportTit2" onclick = "report(2);">基金透视日报</div>
    </div>
</div>


3.  main.html

具体内容显示



zelda002
关注
专栏目录
【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程
等风来
08-31 2万+
正式开始学习前 确保你已学过前端三件套 HTML CSS JavaScriptVue.js是一种流行的JavaScript前端框架，用于构建交互式的、响应式的用户界面。它是一种轻量级、灵活和易于学习的框架，广泛应用于现代Web应用程序开发中。前端框架那么多，为什么Vue.js非学不可？Vue.js的简洁语法和易用性使得它成为构建现代Web应用程序的优秀选择，无论是小型项目还是大型复杂的应用都能发挥出色的效果。Vue.js使用双向绑定的数据模型，将数据和视图进行关联。
自己修改前端框架
10-25
优化layui,增加Navbar组件tab组件，绑定右键，实现刷新。
JS更改输入内容
半吊子的博客
05-24 367
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <script type="text/javascript"> function change() { ...
js修改元素内容
CSDNhaoheng的博客
03-31 350
<button>按钮</button> <p id="demo">变变变</p> js代码 var btn = document.querySelector('button'); var p = document.getElementById("demo"); btn.onclick = function() { p.innerText = getDate(); } function getDate() { return "我变.
用js从一个框架(frame)调用另一个框架(frame)的内容
weixin_33842328的博客
04-18 302
1.frame.html <framesetid="fr"rows="50%,50%"><framename="up"id="up"src="u.html"/><framename="down"id="down"src="d.html"/></frame> 2.u.html 代码...
js怎样改变元素的内容、属性、样式
最新发布
子玉的博客
10-29 1335
总结起来，我们可以使用 `innerHTML` 和 `textContent` 属性来改变元素的内容，使用 `setAttribute()` 方法或直接修改属性值来改变元素的属性，以及使用 `style` 属性来改变元素的样式。- `style` 属性：用于设置或获取元素的样式。这将把具有 id 为 "myElement" 的元素的 "src" 属性更改为 "newImage.jpg"。这将把具有 id 为 "myElement" 的元素的 "src" 属性更改为 "newImage.jpg"。
html下拉框内容变更,Javascript根据另一个下拉框值更改下拉框选项
weixin_39606396的博客
06-03 686
参见英文答案 > Populate one dropdown based on selection in another3个我正在练习JavaScript编程,我发现了一些问题,一些专家必须回答有关下拉框的问题.情景是：我有一个下拉框,为省份和第二个(城镇)提供了一些可能的选项,这仅取决于省份下拉菜单中选择的内容.有没有...
javascript实现框架高度随内容改变的方法
10-23
这里的`onload`事件确保在框架内容加载完成后执行`change_height`函数，以获取准确的内容高度。 2. **通过内容页改变框架高度** 另一种方法是在iframe加载的内容页面中直接调整框架的高度。这样做的好处是，即使父...
js 改变 框架 大小
09-26
本文将详细介绍如何使用JavaScript来改变`iframe`框架的大小，并探讨两种主要的实现方式。 #### 基础概念 在开始之前，我们需要了解一些基础概念： - **`iframe`**：HTML中的一种元素，用于在当前文档内嵌入另一...
点击button获取text内容并改变样式的js实现
10-25
紧接着通过修改`color`属性为`red`，将显示的文本内容变为红色，展示了如何通过JavaScript改变元素样式。 综上所述，本文章介绍的知识点包括了HTML的结构组成、CSS样式的应用、JavaScript在与DOM的交互过程中的事件...
javascript 动态改变框架frame,iframe的大小
yanleigis的专栏
11-22 5993
两个html1.index.htmlhtml>head>meta name="GENERATOR" content="Microsoft FrontPage 5.0">meta name="ProgId" content="FrontPage.Editor.Document">meta http-equiv="Content-Type" content="text/html; char
JS修改<frame>地址 2种方法
chaoxi1991的专栏
04-11 1761
在做一个刷新页面局部内容时，用frame框架进行刷新。 为实现这种效果，我建了3个html文件：frmset.html, frm_up.html, frm_down.html; 预设效果是：在frm_up.html页面中，点击按钮，对frm_down.html进行刷新 frmset.html: frm_up.html
js中动态修改frame的src属性，frame自己刷新。。。
热门推荐
This is my house!
10-06 1万+
 弄了半天，结果画蛇添足。。。：动态修改frame的src属性，然后parent.frame.location.reload()反而错误。。。无须自己手工来进行reload()frame会因为src的更改自动reload();function tonclick(id){        parent.document.getElementById(frame2).src=man
用js改变框架网页的location有2种方法
abcdfe123465的博客
12-16 569
js框架网页,改变框架的location有2种方法: 方法一： top.mainFrame.location.href = url; 方法二： var doc = parent.document; doc.getElementsByTagName("frame")["mainFrame"].src=url; 比较： 当框架网页mainFrame调用了其他系统的纯flash页面,然后再通...
深入理解Backbone.js MVC框架
"本文详细介绍了Javascript MVC框架Backbone.js的核心概念和使用方法，包括Model、View、Controller的概念以及在Backbone.js中的实现。此外，还提到了JavaScript社区中其他MVC变体如MVP和MVVM，并指出框架在组织代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值