`
java_lk
  • 浏览: 40104 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

js --- 粘贴板 、iframe操作

    博客分类:
  • js
阅读更多
最近用到的两个东西

复制粘贴:
<script language="javascript"> 
function readTxt(){ 
	alert(window.clipboardData.getData("text")); 
} 

function setTxt(){ 
	var t=document.getElementById("txt"); 
	t.select();
	window.clipboardData.setData('text',t.value); 
} 
</script> 
<input name="txt" value="测试"> 
<input type="button" value="复制" onclick="setTxt()"> 
<input type="button" value="读取" onclick="readTxt()">



iframe操作:
aa.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
<style type="text/css">
<!--
body{
margin:0px;
}
-->
</style>
</head>
<body>
<iframe id="ifr" name="ifr" width="100%" height="500" src="bb.htm"></iframe>
</body>
</html>
<script language="javascript" type="text/javascript">

var aa_value="I'm a variant in Top window!";

var ifr_id=document.getElementById("ifr");
var ifr_window=window.frames["ifr"];

alert("Alert from Top window : Can't get iframe's variant by ifr_id, it will return :" + ifr_id.bb_var);
alert("Alert from Top window : Can't get iframe's DOM model by ifr_id ,it will return :" + ifr_id.window);
alert("Alert from Top window : Get src from id :" + ifr_id.src);
alert("Alert from Top window : Get href from window:" + ifr_window.document.location.href);

//由于bb.htm可能还未装载完成,所以,下冇的可能引发错误 
//调用iframe内的函数 ifr_window.bb();

//调用iframe内的变量
alert("Alert from Top window : " + ifr_window.bb_var);

//
alert("Alert from Top Window :" + ifr_window.document.body.innerHTML);


function aa(msg){
    alert("I'm  alerting from Top window ,and I received a msg:\n" + msg);
}
</script>


bb.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>sub frame</title>
<style type="text/css">
<!--
html,body{
margin:0px;
width:90%;
}
-->
</style>
</head>
<body>
    I'm a sub frame!
    <br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...<br />
    ...
</body>
</html>
<script language="javascript" type="text/javascript">

var bb_var="I'm a  variable in ifr";
/**/
function bb(){
    alert("Alert from iframe :I'm frame ifr's function")
}

//获取父页面的变量
alert("Alert from iframe parent.ifr_id::" + parent.ifr_id);
alert("Alert from iframe parent.aa_value : " + parent.aa_value);

//通过父页面的ifr_id来改变 iframe的高度
alert("Alert from iframe : ifr's clientHeight :" +document.body.clientHeight);
parent.ifr_id.height=document.body.clientHeight;

alert("Alert from iframe : ifr's scrollHeight : " + document.body.scrollHeight);

//调用父窗体的函数:
parent.aa("I will calling a function which is Top window's ");

//改变父窗体的标题:
alert("Alert from iframe : I will changing Top window's title");
top.document.title="The title value changed";

//通过父窗体的ifr_id来改变的border 与scrolling
alert("Alert from iframe : I will change my border and scrolling :");
top.ifr_id.border=0;
top.ifr_id.scrolling="no";
</script>

分享到:
评论

相关推荐

    KODExplorer 芒果云-资源管理器

    - iframe 打开url 优化。解决canvas问题 - 文件编辑器,载入loading去掉 - 删除错误时,或上传错误时也刷新目录。删除提示颜色错误 - 对话框右键 点击右键菜单隐藏修复 - 手机端 touch =双击 - 文件列表 ...

    用js将内容复制到剪贴板兼容浏览器

    1. 剪贴板操作的基本概念:在网页中,有时我们需要将某些文本或数据临时存储到用户的剪贴板中,以便用户能够进行复制和粘贴操作。浏览器提供了相关的API来实现这一功能,但在不同浏览器之间存在兼容性差异。 2. ...

    javascript实用代码大全

    ### JavaScript实用代码大全:事件处理、DOM操作与高级功能 #### 一、事件处理与键盘交互 在JavaScript中,事件处理是与用户交互的核心部分。以下是一些关键的事件属性和方法: - **事件源**: `event.srcElement`...

    kindeditor粘贴word文档内容时去除格式的方法

    1. **添加插件**:首先,需要在KindEditor实例化时添加一个名为“plainpaste”的插件,该插件的作用是当用户执行粘贴操作时,自动将粘贴板中的内容转换为纯文本,从而去除原有的Word文档格式。 2. **监听paste事件*...

    JS插件clipboard.js实现一键复制粘贴功能

    clipboard.js是一个不依赖Flash或任何其他插件的纯JavaScript实现,用于处理复制文本到剪贴板的任务。它允许开发者通过简单的API实现复制文本、复制URL、复制自定义内容等复制粘贴功能。 ### 如何使用clipboard.js...

    js复制,兼容firefox和ie

    在早期版本的IE中,由于安全原因,JavaScript直接操作剪贴板的功能被严格限制,而Firefox则相对较早地提供了剪贴板API的支持。 在JavaScript中,现代浏览器通常使用`navigator.clipboard.writeText()`和`navigator....

    40种网页常用小技巧(JavaScript)

    此属性可以阻止用户通过鼠标或快捷键将剪贴板中的内容粘贴到指定的输入框中。 #### 4. 禁止复制和剪切 ```html oncopy="return false;" oncut="return false;" ``` 这两行代码分别用来禁止用户复制和剪切网页内容...

    Bug Bounty Tip - i春秋Self-XSS变废为宝的奇思妙想

    - **复制功能**:`cpy()`函数用于选择和复制`&lt;input&gt;`中的文本内容到剪贴板,这可以进一步诱导受害者粘贴恶意脚本到其他位置。 #### 0x04 攻击场景模拟 假设一个攻击者想要通过Self-XSS来获取某个目标网站上用户的...

    一些常用的js

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的脚本语言,主要负责客户端的交互逻辑。以下是一些常见的JavaScript技巧和用法: 1. `oncontextmenu` 事件:这个事件可以用来处理鼠标右键点击事件。例如...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    javascript的40个网页常用小技巧.doc

    "` 阻止了剪贴板操作,防止用户在表单或文本框中粘贴或复制数据。 4. 添加`&lt;link rel="Shortcut Icon" href="favicon.ico"&gt;`可设置网页在浏览器地址栏的图标,而`&lt;link rel="Bookmark" href="favicon.ico"&gt;`则使...

    project-dashboard:使用iframe在网站上展示的精选项目列表,可作为向雇主展示我的演示的快速方法

    项目仪表板使我能够编写一个快速的Markdown文件,该文件将Next.js呈现到静态页面中,并在前面提供指向该站点及其Github的链接,并在该页面上演示该站点。 如果我自己这么说的话, It's a pretty slick system ,它...

    javascript必备源码

    #### 三、禁止粘贴及复制内容到剪贴板 **知识点:** 1. **事件处理:** 使用 `onpaste` 和 `oncopy` 事件来处理粘贴和复制行为。 2. **阻止行为:** 返回 `false` 以阻止粘贴或复制操作。 **示例代码:** ```html...

    JavaScript实用的一些技巧

    "` 可以禁用剪贴板操作,不允许用户在表单或文本输入区域进行粘贴、复制和剪切。 4. `Shortcut Icon` 和 `Bookmark`:`&lt;link rel="Shortcut Icon" href="favicon.ico"&gt;` 与 `...

    学习js在线html(富文本,所见即所得)编辑器

    - `Paste`: 粘贴 - `Undo`: 撤销 - `Redo`: 重做 为了实现这些功能,我们可以为每个命令创建对应的按钮,并绑定相应的`onclick`事件。这样,我们就有了一个基础的富文本编辑器。 然而,实际的富文本编辑器通常会...

    程序天下:JavaScript实例自学手册

    20.1 Javascript操作剪贴板 20.2 打开硬盘驱动器 20.3 单击加入收藏夹 20.4 复制标题和网址 20.5 关闭输入法 20.6 检测屏幕分辨率 20.7 检测系统信息 20.8 显示本地计算机信息 20.9 检测浏览器浏览过的站点数 20.10 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    20.1 Javascript操作剪贴板 20.2 打开硬盘驱动器 20.3 单击加入收藏夹 20.4 复制标题和网址 20.5 关闭输入法 20.6 检测屏幕分辨率 20.7 检测系统信息 20.8 显示本地计算机信息 20.9 检测浏览器浏览过的站点数 20.10 ...

    网站开发制作40个技巧.txt

    - **实现方式**:通过`onpaste="return false"`属性,可以阻止用户将剪贴板中的内容粘贴到页面上。 - **示例代码**: ```html &lt;textarea onpaste="return false"&gt;&lt;/textarea&gt; ``` ### 技巧4:全面防止内容被复制...

Global site tag (gtag.js) - Google Analytics