JS实现简单的运行代码 & 侧边广告
/* JS实现简单的运行代码功能 */
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<script>
window.onload = function()
{
var oTxt = document.getElementById('codeText');
var oBtn = document.getElementById('btn'); oBtn.onclick = function()
{
var oNewWin = window.open('about:blank', '_blank'); //在新窗口中打开空白页（BOM）
oNewWin.document.write(oTxt.value); //在空白页中写入输入框的值
}
}
</script>
</head>
<body>
<textarea id="codeText" rows="10" cols="40"></textarea><br />
<input id="btn" type="button" value="运行" /> <!-- FF下只能关闭open打开的窗口 -->
</body>
</html>
Link：https://www.cnblogs.com/farwish/p/3861904.html
/* 侧边底部广告 */
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<style>
#div1 {
width:200px; height:150px; background:red; position:absolute; right:0; bottom:0;
}
body {height:2000px;}
</style>
<script>
window.onscroll = window.onresize = function()
{
//可视区尺寸
var clientW = document.documentElement.clientWidth;
var clientH = document.documentElement.clientHeight; //滚动距离
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // IE,FF || chrome
//alert(scrollTop); oDiv = document.getElementById('div1');
oDiv.style.top = clientH - oDiv.offsetHeight + scrollTop + 'px';//document.navigater.userAgent判断浏览器类型,IE6使用fixed定位
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
JS实现简单的运行代码 & 侧边广告的更多相关文章
- js初步简单的编程代码
简单图片切换编码demo图片地址自行替换 简单图片切换编码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- 洗礼灵魂，修炼python（3）--从一个简单的print代码揭露编码问题，运行原理和语法习惯
前期工作已经准备好后,可以打开IDE编辑器了,你可以选择python自带的IDLE,也可以选择第三方的,这里我使用pycharm--一个专门为python而生的IDE 按照惯例,第一个python代码 ...
- 网页中嵌入可以点击“运行代码”执行html/css/js代码
html代码 <textarea name="textarea" cols="60" rows="10" id="rn01& ...
- 简单JS全选、反选代码
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org ...
- js鼠标滑轮侧边广告（仅IE可用）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js实现网页中的"运行代码"功能
<!DOCTYPE html> <html> <head> <meta charset='utf8' /> <title>网页中的运行代码功 ...
- Sea.js提供简单、极致的模块化开发体验
为什么使用 Sea.js ? Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. ...
- JS的简单用法
JS的简单用法 参考:http://www.w3school.com.cn/js/js_switch.asp JavaScript 是网络的脚本语言 JavaScript 是可插入 HTML 页面的编 ...
- 从统计局采集最新的省市区镇数据，用js在浏览器中运行 V2
本文描述的是对国家统计局于2019-01-31发布的<2018年统计用区划代码和城乡划分代码(截止2018年10月31日)>的采集. 相对于用于和采集2016版.2017版的js代码做了比 ...
随机推荐
- Linux内核学习笔记二——进程
Linux内核学习笔记二——进程 一 进程与线程 进程就是处于执行期的程序,包含了独立地址空间,多个执行线程等资源. 线程是进程中活动的对象,每个线程都拥有独立的程序计数器.进程栈和一组进程寄存器 ...
- javascript-添加 class 类 和 移出 class 类 方法
/* 添加 class 类 和 移出 class 类 方法*/ function addClass(element, className) { if(!new RegExp("(^|\\s) ...
- WebBrowser JS回调delphi的方法 （简单通用）
上一部分讲了Delphi根据方法名调用方法,这一部分还有用到,接着上一章: [主要原理] 通过TEmbeddedWB控件的OnShowMessage事件捕获弹窗来实现,弹窗时定义方法名和参数,在捕获方 ...
- TFTP（Trivial File Transfer Protocol,简单文件传输协议）
网络特性 通常使用UDP 69端口(据说可改成TCP) 与FTP区别 轻量级,适用于传输小文件,当然功能也少些,比如没有列出目录功能,不进行认证
- 模拟python中的Yield伪并发
并发,在操作系统中,是指一个时间段中有几个程序都处于已启动运行到运行完毕之间,且这几个程序都是在同一个处理机上运行,但任一个时刻点上只有一个程序在处理机上运行. #Yield伪并发 _author_= ...
- linux：apt-get 如何安装，查询，解除依赖包
apt-cache search package 搜索包 apt-cache show package 获取包的相关信息,如说明.大小.版本等 sudo apt-get install package ...
- gentoo eclipse swt
最近学习使用 eclipse rcp 来做一些插件. 首先下载安装 eclipse-rcp,然后安装 swt emerge -av swt 安装完成以后, 在 /usr/portage/distfil ...
- mybatis foreach 循环 list(map)
直接上代码: 整体需求就是: 1.分页对象里面有map map里面又有数组对象 2.分页对象里面有list list里面有map map里面有数组对象. public class Page { pri ...
- Weblogic环境（JSP）文件下载问题（下载的文件与原文件大小不一致问题）
最近发现一个问题有个download.jsp文件下载jsp在Tomcat下正常,在Weblogic下不太正常! Weblogic下载的文件比原文件大两个字节,查看文件像是文件内容最后多了空行 检查do ...
- 原生JavaScript实现新手引导效果（第二个玩具）
慕课地址https://www.imooc.com/video/169 预览效果: <!DOCTYPE html> <html> <head> <meta c ...