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>

@黑眼诗人

/* 侧边底部广告 */<!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实现简单的运行代码 & 侧边广告

时间: 2024-11-03 20:56:59

JS实现简单的运行代码 & 侧边广告的相关文章

自学two.js 完成简单太阳系运行

完成月亮绕着地球转,月亮和地球围着太阳转的太阳系 首先在head标签里面引入two.js官网的文件, <script src="https://cdn.bootcss.com/two.js/0.7.0-beta.3/two.js"></script> 在body里面写一个div容器 js里面获取容器,用two.js里面的语法创建一个类似画布的东西,添加到div中 因为是围绕着太阳转的,所以先把太阳绘制出来,这里需要注意的是因为其他星球绕太阳旋转的轨道是不一样,需

[JavaScript] js实现简单的代码运行框

<script type="text/javascript">// <![CDATA[ function runCode(obj) { var winname = window.open('', "_blank", ''); winname.document.open('text/html', 'replace'); winname.document.write(obj.value); winname.document.close(); } //

简单JS全选、反选代码

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Cont

Js可点击展开关闭的广告代码

<!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>网页上可点击展开.关闭的左侧广告代码</t

js最简单焦点图片轮播代码

将下面代码保存为banner.js,在需要显示焦点图的地方调用该js即可. <script type="text/javascript" src="banner.js"></script> 注意:代码中图片路径修改为你自己的图片地址 var widths=725; //焦点图片宽 var w=0; var widthss=widths+w; var heights=295; //焦点图片高 var heightss=heightss+w; v

js鼠标滑轮侧边广告(仅IE可用)

<!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><meta http-equiv="Content-Typ

node.js中的交互式运行环境-REPL

<Node.js权威指南>第2章Node.js中的交互式运行环境--REPL 开发者可以在该环境中很方便地输入各种JavaScript表达式并观察表达式的运行结果. 在学习Node.js框架的过程中,通过该运行环境的使用,我们可以很方便地了解Node.js中定义的各种对象所拥有的各种属性及方法.本节为大家介绍在REPL运行环境中操作变量 2.2 在REPL运行环境中操作变量 在REPL运行环境中,可以使用var关键字来定义一个变量并为其赋值,但是在输入了对其赋值进行的表达式后,该表达式的执行结

node.js搭建简单的websocket

1.首先在官网http://www.nodejs.org/下载NODE.JS 2.打开命令行CMD,进入NODEJS\node_modules\的目录,输入npm install socket.io  安装socket.io模块.别急着关掉此CMD窗口,后面有用 3.搭建服务端代码server.js 1 var http = require('http'); 2 var io = require('socket.io'); 3 var cisserver = http.createServer(

Node.js的Connect框架的代码重写与改进

Node.js的Connect框架的代码重写与改进 Connect框架简介 Connect框架是建立在Node.js的基本http.server功能之上,帮助实现结构化的web服务器逻辑的框架.Connect框架建立在两个重要的设计模式之上. 1) 责任链模式 在处理web请求时常需要作分派处理.例如,ASP.NET MVC支持按照请求参数将处理分派至某个Controller类的某个Action方法,以及根据Action方法的返回结果类型分派不同的结果操作(如ViewResult.JsonRes