当前位置：首页 » 网页设计 » 网页用js

网页用js

发布时间: 2021-03-20 13:24:56

Ⅰ 怎么用js调用另一个网页！

区分干么?你要调用哪个文件里的功能或函数就直接用代码调用就行了.如:
a.js中有一个专功属能ShowName()
b.js中有一个功能HelloMsg()
在文件中调用:
<script>ShowName();</script>
可能在另一个地方要调用第二个则用相同的方法:
<script>HelloMsg()</script>

是这样的,在HEAD里写的是对JS的外部连接(文件连接,不然用不了那个文件里的代码)
你再仔细看看BODY里的内容,肯定会有JS调用语句的,如果没有,可能在那两个JS里设置好了调用或就是直接实现功能的语句,而不是用函数形式提供的.JS调用的方式很多,有隐藏的有明显的.

Ⅱ 如何用JS制作以下网页

这样的有几种写法，一个就是发送请求给后台，传的数据是邮箱，然后获取用户名，域名，顶级域名，然后渲染到页面上，但是这得后台配合，第二个就是自己声明假的数据，就是一个数组，里面有多个对象,比如：
<input type="text" placeholder="请输入邮箱">
<button>开始分析</button>
<div>
用户名:<span class="username"></span></br>
域名:<span class="domain"></span></br>
顶级域名:<span class="top-domain"></span>
</div>
<script type="text/javascript">
var arr = [{email:"[email protected]",username:"zhangsan",domain:"hao123",topDomain:".com"},{email:"[email protected]",username:"lisi",domain:"",topDomain:".com"},{email:"[email protected]",username:"wangwu",domain:"taobao",topDomain:".com"}];
var inp = document.getElementsByTagName("input")[0];
var btn = document.getElementsByTagName("button")[0];
var username = document.getElementsByClassName("username")[0];
var domain = document.getElementsByClassName("domain")[0];
var topDomain = document.getElementsByClassName("top-domain")[0];
btn.onclick = function() {
var val = inp.value;
username.textContent = "";
domain.textContent = "";
topDomain.textContent = "";
for (var i=0;i<arr.length;i++) {
if (val == arr[i].email) {
username.textContent = arr[i].username;
domain.textContent = arr[i].domain;
topDomain.textContent = arr[i].topDomain;
}
}
}
</script>

Ⅲ 网页制作中js是干嘛用的

html只能用来做静态的页面，js可以实现当前日期的调用，div左侧与右侧的自适应，给你个网址你学学吧很好的 http://www.w3school.com.cn/js/index.asp js语句可长可短，自己根据需要写 // JavaScript Document function initArray(){ for(i=0;i<initArray.arguments.length;i++) this[i]=initArray.arguments[i]; } var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today=new Date(); hrs=today.getHours(); min=today.getMinutes(); sec=today.getSeconds(); clckh=""+((hrs>12)?hrs-12:hrs); clckm=((min<10)?"0":"")+min; clcks=((sec<10)?"0":"")+sec; clck=(hrs>=12)?"下午":"上午"; var stnr=""; var ns="0123456789"; var a=""; function getFullYear(d){ //d is a date object yr=d.getYear(); if(yr<1000) yr+=1900; return yr; } document.write(getFullYear(today)+"年"+isnMonths[today.getMonth()]+""+today.getDate()+"日 "+isnDays[today.getDay()]); 这是我写的显示日期的代码，把我这段代码放进div， <div> <ul><li class="date">当前日期：<script src="nowdate.js"></script></li></ul></div> 显示结果就是：当前日期： 2012年4月14日星期六

Ⅳ 如何在html网页中调用JS函数

1. a href="javascript:js_method();"

这是平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

2. a href="javascript:void(0);" onclick="js_method()"

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

3.a href="javascript:;" onclick="js_method()"

这种方法跟跟2种类似，区别只是执行了一条空的js代码。

4.a href="#" onclick="js_method()"

这种方法也是网上很常见的代码，#是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。

5.a href="#" onclick="js_method();return false;"

这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。

看了下taobao的主页，他们采用的是第2种方法，而alibaba的主页是采用的第1种方法，和我们的区别是每个href里的javascript方法都用try、catch包围。

综合上述，在a中调用js函数最适当的方法推荐使用：

代码如下:

a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

Ⅳ 用javascript打开一个网页

就是直接写：window.open(url); 或者用location.href=url; 地址没错的话，就能打开指定的网页

Ⅵ 用JS做个简单的网页~

<html>
<head>
<script>
function show(hour,minute,second){
second++;
if(second%60==0){
minute++;
second=0;
}
if(minute%60==0&&minute!=0){
hour++;
minute=0;
}
document.getElementById("onlinetime").innerHTML = "您在本站逗留的时间为"+hour+"时"+minute+"分"+second+"秒";
setTimeout("show("+hour+","+minute+","+second+");",1000)
}
</script>
</head>
<body onload="show(0,0,1);">
<div id="onlinetime"></div>
</body>
</html>

Ⅶ 网页如何调用js代码

1.<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT>
可以放在网页的最抄后面袭也可以放在你网页原来的JS的地方
2.把JS里的最后一句放到网页里面,代码如下：
window.onload=function(){glide.layerGlide(true,'icon_num_top','show_pic_top',205,2,0.1,'top');}
这样，<SCRIPT language=Javascript src="pic.js"
type=text/javascript></SCRIPT> 这段代码，你放在网页的任何地方都可以了

Ⅷ 网页里是如何调用js的

区分干么?你要调用哪个文件里的功能或函数就直接用代码调用就行了.如:
a.js中有一个功能ShowName()
b.js中有一个功能HelloMsg()
在文件中调用:
<script>ShowName();</script>
可能在另一个地方要调用第二个则用相同的方法:
<script>HelloMsg()</script>

是这样的,在HEAD里写的是对JS的外部连接(文件连接,不然用不了那个文件里的代码)
你再仔细看看BODY里的内容,肯定会有JS调用语句的,如果没有,可能在那两个JS里设置好了调用或就是直接实现功能的语句,而不是用函数形式提供的.JS调用的方式很多,有隐藏的有明显的.

Ⅸ 用JAVASCRIPT实现HTML页面

你好，你看一看是不是这样不是的话我再改：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body><center>
<h3>页面标题</h3>
<hr width="80%"/>
<form name="form1" method="post" action="">
<table width="509" border="1" cellspacing="0" cellpadding="0">
<caption>
表头
</caption>
<tr>
<td width="171" align="center">姓名</td>
<td colspan="2" align="center">联系方式</td>
</tr>
<tr>
<td align="center"><label>
<input type="text" name="textfield">
</label></td>
<td width="85" align="right">固定电话</td>
<td width="245"><input type="text" name="textfield2"></td>
</tr>
<tr>
<td align="center"></td>
<td align="right">手机</td>
<td><input type="text" name="textfield3"></td>
</tr>
</table>
</form>
</center></body>
</html>

Ⅹ 用JavaScript给做个网页！！

效果1：
＜ id="marquees"> ＜!-- 这些是字幕的内容，你可以任意定义 --> ＜a href="#">链接一＜/a>
＜br> ＜a href="#">链接二＜/a>
＜br> ＜a href="#">链接三＜/a>
＜br> ＜a href="#">链接四＜/a>
＜br> ＜!-- 字幕内容结束 -->
＜/div>
＜!-- 以下是java-script代码 -->
＜script language="java-script">
＜!--
marqueesHeight=200; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0，因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过，停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开，开始滚动
}
//这时候，内容区的高度是无法读取了。下面输出一个不可见的层"templayer"，稍后将内容复制到里面：
document.write('＜div id="templayer"
style="position:absolute;z-index:1;visibility:hidden">＜/div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer"，直到"templayer"的高度大于内容区高度：
while(templayer.offsetHeight＜marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区：
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时，调用"scrollUp()"函数驱动滚动条：
setInterval("scrollUp()",10);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真，则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了，则向上滚动到和当前画面一样的位置
//当然不仅如此，同样还要向下滚动一个像素(+1)：
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
＜/script>

阅读全文

网页用js

与网页用js相关的阅读推荐