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代码做了比 ...
随机推荐
- int main(int argc,char* argv[])浅析
int main(int argc,char* argv[])浅析 argc : 指输入参数个数,默认值1,就是执行程序名称 argv[] : 输入参数数组指针 举个栗子: 1. 编写一个argc.c ...
- vue808
自定义键盘信息: Vue.directive('on').keyCodes.ctrl=17; Vue.directive('on').keyCodes.myenter=13; 数据深度监听 ...
- CS229 6.14 Neurons Networks Restricted Boltzmann Machines
1.RBM简介 受限玻尔兹曼机(Restricted Boltzmann Machines,RBM)最早由hinton提出,是一种无监督学习方法,即对于给定数据,找到最大程度拟合这组数据的参数.RBM ...
- RSA加密解密，String转PublicKey、PrivateKey；附Base64.JAR
网络请求的数据需要加密,服务器给的他们那一套在Android一直报错,自己写了一个: package com.cc.common.util; import javax.crypto.Cipher; i ...
- Android标题头滑动渐变，Titlebar滑动渐变，仿美团饿了么标题头渐变；
原理就是滑动中改变透明度: 核心代码: rv.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public vo ...
- web中的集群与分布式
面试中经常会提到 集群 和 分布式.下面就来分别说说这两个在web开发中经常用到的开发方式. 集群: 集群是一组协同工作的服务实体,用以提供比单一服务实体更具扩展性与可用性的服务平台.在客户端看来,一 ...
- Java的字符串
1.String 类 2.StringBuilder 类 1.String类 1.1.构造方法 String的构造方法格式 说明 new String(String st) 把字符串数据封装成字符串对 ...
- 关于js的一些收集
判断jquery文件有没有加载 !window.jQuery && alert('jQuery未导入!请确认路径是否正确'); 禁止页面跳转 javascript:void(0); / ...
- 【转】不联网如何PING通WIN主机和VMWARE
原文地址:http://www.gqgtpc.com/thread-76838-1-1.html 一般情况下,如果宿主主机的网口连接网线并且能够上网,那么按照VM的默认安装,在VM-Settings- ...
- zookeeper(2) zookeeper的核心原理
zookeeper 的前世今生 分布式系统的很多难题,都是由于缺少协调机制造成的.在分布式协调这块做得比较好的,有 Google 的 Chubby 以及 Apache 的 Zookeeper. Goo ...