js设置iframe滚动条的位置

<html>
<head>
<span><span class="tag"><</span><span class="tag-name">script</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">"http://libs.baidu.com/jquery/2.0.0/jquery.min.js"</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">script</span><span class="tag">></span><span> </span></span>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(window.frames["iframe1"].document).scrollTop("10");
  });
});
</script>
</head>

<body>

<iframe src="http://www.w3school.com.cn/example/html/demo_iframe.html" height="60px" name="iframe1">
  <p>Your browser does not support iframes.</p>
</iframe>
<button type="button">Click me</button>
</body>

</html>
时间: 2024-10-13 20:57:30

js设置iframe滚动条的位置的相关文章

Swing 设置JScrollPanel 滚动条位置

js.doLayout(); JScrollBar jsVB = js.getVerticalScrollBar(); if (jsVB != null) { jsVB.setValue(jsVB.getMaximum() / 2); } JScrollBar jsHB = js.getHorizontalScrollBar(); if (null != jsHB) { jsHB.setValue(jsHB.getMaximum() / 6); } Swing 设置JScrollPanel 滚动

js控制div内的滚动条的位置

通过div的scrollTop变动控制垂直滚动条位置. 通过div的scrollLeft变动控制水平滚动条位置. 示例: <body> //d1是外层div,带滚动条 <div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'> <div style='height:500px;width:500px;background:yellow'>2222</div> &l

JS控制滚动条的位置

控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶(window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight) JS控制TextArea滚动条自动滚动到最下部 document.getElementByIdx_x('textarea').scrollTop = document.getElementByIdx_x('textarea').scrollHeight

JS各种iframe弹出控件没有滚动条或者失灵的解决办法

举例: easyui panel layer 多数的配置是 iframe : true 或者 iframeScrolling:true ,但是设置后滚动条仍然失灵 解决办法,在iframe页面 中加入框架DIV style设置为 width=100%;height=100%;overflow:auto; 原文链接 作程的博客 http://www.zuocheng.net/it/?p=208

自动设置iframe高度和禁止backspace后退js

function iFrameHeight(iframeId) {        var ifm = document.getElementById(iframeId);        var subWeb = document.frames ? document.frames[iframeId].document                : ifm.contentDocument;        if (ifm != null && subWeb != null) {      

.NET前后台-JS获取/设置iframe内对象元素并进行数据处理

转载请注明出处:果冻栋吖 这个主要是修改H3BPM一个批量审批的功能时候做的.先看下图: H3自带了批量审批的功能,也就是按钮1,有审批意见3,但是如果3里边不填写内容点击1之后,效果就是表单里边没有任何内容.其次可以依次点击每个表单的提交按钮进行提交.会提交对应的审批意见.现在的需求是:增加一个按钮,但是需要提交所有流程的审批内容,因为他们并不可能完全一样.也就是这里的2. 前台HTML代码: <asp:LinkButton ID="btnApproveone" runat=&

JS获取/设置iframe内对象元素、文档的几种方法

1.IE专用(通过frames索引形象定位): document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe适用,对frameset里的frame也同样适用.IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的.比如这个,它在同样支持下

js实现iframe自适应高度

转自:http://www.jb51.net/article/15780.htm 对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的! 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 1 2 functio

python+selenium十一:jQuery和js语法、js处理iframe

selenium 执行jQuery/js语法 driver.execute_script(jQuery/js) 1.jQuery jQuery只支持css语法: jquery = '$(CSS).val("XXX");' # 根据css语法定位到元素,输入内容jquery = '$(CSS).val('');' # 清空jquery = '$(CSS).click();' # 点击 2.js 1.通过id获取 document.getElementById("id"