框架动态JS实现

最新推荐文章于 2021-05-25 16:57:56 发布

SeanWXQ

最新推荐文章于 2021-05-25 16:57:56 发布

阅读量1k

点赞数

文章标签：框架 function dependencies stylesheet class border

本文链接：https://blog.youkuaiyun.com/SeanWXQ/article/details/2104548

版权

function Handle()
{
//window.onmouseup = new Function("IEAlert()");
HandleUp();
//window.document.attachEvent("onmouseup",IEAlert); //for ie
//After();
//clearTimeout(timeoutID);
//alert(window.mainFrame.document.getElementById("n"));
window.mainFrame.document.getElementById("n").value = "Excite";
//alert(window.mainFrame.document.getElementById("n").value);
}

function IEAlert()
{
var dt = new Date();
alert(dt.getTime());
}
function Empty1()
{
}
function HandleUp()
{

}
function After()
{
var timeoutID = setTimeout("Empty1()",5000);
clearTimeout(timeoutID);
timeoutID = setTimeout("IEAlert()",5000);
}

</script>
</head>

<noframes><body>
</body>
</noframes></html>
------------------------------------------------------------------------------------------------------------------------

<!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-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p>right</p>
<p>
<input type="text" name="n" id="n" value="Your message" onFocus="if(this.value=='Your message')this.value='';">
</p>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">项目 1</a>
      <ul>
        <li><a href="#">项目 1.1</a></li>
        <li><a href="#">项目 1.2</a></li>
        <li><a href="#">项目 1.3</a></li>
      </ul>
</li>
<li><a href="#">项目 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">项目 3</a>
      <ul>
        <li><a class="MenuBarItemSubmenu" href="#">项目 3.1</a>
            <ul>
              <li><a href="#">项目 3.1.1</a></li>
              <li><a href="#">项目 3.1.2</a></li>
            </ul>
        </li>
        <li><a href="#">项目 3.2</a></li>
        <li><a href="#">项目 3.3</a></li>
      </ul>
</li>
<li><a href="#">项目 4</a></li>
</ul>
<p> </p>
<p> </p>

Example:
<script type="text/javascript">

function test()

{

if (document.layers) getMouseLoc; //NS

else if (document.all) getMouseLoc(); //IE

alert(mouseLocation.x+","+mouseLocation.y);

}
</script>
in the BODY:

function Point(x,y) { this.x = x; this.y = y; }

mouseLocation = new Point(-500,-500);

function getMouseLoc(e)

{

if(!document.all) //NS

{

mouseLocation.x = e.pageX;

mouseLocation.y = e.pageY;

}

else //IE

{

mouseLocation.x = event.x + document.body.scrollLeft;

mouseLocation.y = event.y + document.body.scrollTop;

}

return true;

}

//NS init:

if(document.layers){ document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = getMouseLoc; }

function platformDetect()

{

if(navigator.appVersion.indexOf("Win") != -1)

{

alert("Windows");

}

else if(navigator.appVersion.indexOf("Mac") != -1)

{

alert("Macintosh");

}

else alert("Other");

}

// Example:

// var b = new BrowserInfo();

// alert(b.version);

function BrowserInfo()

{

this.name = navigator.appName;

this.codename = navigator.appCodeName;

this.version = navigator.appVersion.substring(0,4);

this.platform = navigator.platform;

this.javaEnabled = navigator.javaEnabled();

this.screenWidth = screen.width;

this.screenHeight = screen.height;

}

// * Dependencies *

// this function requires the following snippet:

// JavaScript/readable_MM_functions/findObj

function setColor(objName, fg, bg)

{

obj = findObj(objName);

if (obj.style)

{

obj.style.color = fg;

obj.style.backgroundColor = bg;

}

// Example:

// writeCookie("myCookie", "my name", 24);

// Stores the string "my name" in the cookie "myCookie" which expires after 24 hours.

function writeCookie(name, value, hours)

{

var expire = "";

if(hours != null)

{

expire = new Date((new Date()).getTime() + hours * 3600000);

expire = "; expires=" + expire.toGMTString();

}

document.cookie = name + "=" + escape(value) + expire;

}

// Example:

// alert( readCookie("myCookie") );

function readCookie(name)

{

var cookieValue = "";

var search = name + "=";

if(document.cookie.length > 0)

{

offset = document.cookie.indexOf(search);

if (offset != -1)

{

offset += search.length;

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

cookieValue = unescape(document.cookie.substring(offset, end))

}

return cookieValue;

}

</script>
<p>0000000000A </p>
<script type="text/javascript">

</script>
</body>
</html>