使用JavaScript调用另一个页面显示在本页面上

使用JavaScript调用另一个页面显示在本页面上,第1张

这是我回答另外一个人的问题时写的,你拿去改改就成了…………

<html>

<head>

<title>MyHtml.html</title>

<meta http-equiv="content-type" content="text/htmlcharset=UTF-8">

<style type="text/css">

.windowdiv {

position: absolute

background-color: gray

height: 400px

border: 0

}

.windowtable {

padding: 0

margin: 0

width: 100%

height: 100%

}

.closetd {

background-color: purple

font-family: "黑体"

cursor: pointer

width: 1%

height: 1%

}

.windowframe {

width: 100%

height: 100%

border: 0

}

</style>

<script type="text/javascript">

//creatWindow(地址, 横向位置, 纵向位置, 宽度, 高度)

function creatWindow(strWindowUrl, intX, intY, intWidth, intHeight) {

var div = document.createElement("div")

document.body.appendChild(div)

div.className = "windowdiv"

div.style.top = intY

div.style.left = intX

div.style.width = intWidth

div.style.height = intHeight

var table = document.createElement("table")

table.className = "windowtable"

var frame = document.createElement("iframe")

frame.className = "windowframe"

frame.frameBorder = 0

frame.src = strWindowUrl

var tr, td

tr = table.insertRow(0)

td = tr.insertCell(0)

td.colSpan = 2

td.appendChild(frame)

tr = table.insertRow(0)

td = tr.insertCell(0)

td.innerText = "X"

td.className = "closetd"

td.onclick = function () {

div.style.display = "none"

}

td = tr.insertCell(0)

td.innerText = " "

div.appendChild(table)

}

</script>

</head>

<body>

<input type="button" value="d出窗口" onclick="creatWindow('http://www.baidu.com/', 100, 100, 400, 300)">

</body>

</html>

<a href="javascript:void(0)" onclick="functionname()" >aaaa</a>

这是最常用的调用的办法,可以参考一下

其他办法在一定程度上具有可行性,但是不常用,可以对比一下效果选择最适合的

<a href="javascript:" onclick="js_method()”></a>

<a href="#" onclick="js_method()return false”></a>

扩展资料:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1]

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

参考资料:百度百科-javascript

常见的执行js代码都是放入到HTML引入后,然后通过HTML文件来执行胡查看代码。显然这是比较麻烦的事情,如果电脑里面安装了node.js,可以使用node来直接使用node来运行想要运行的js文件。

<html>

<body>

<script language="javascript">

function Card(owner,rate)

{

this.Owner=owner

this.Rate=rate

}

var mycard = new Card("X","150")

document.write("name:"+mycard.Owner+"speed:"+mycard.Rate)

</script>

</body>

</html>

扩展资料:

JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

脚本简单地说就是一条条的文字命令,这些文字命令是我们可以看到的(如可以用记事本打开查看、编辑),脚本程序在执行时,是由系统的一个解释器,将其一条条的翻译成机器可识别的指令,并按程序顺序执行。因为脚本在执行时多了一道翻译的过程,所以它比二进制程序执行效率要稍低一些。

参考资料来源:百度百科-JS脚本


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7822380.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存