本文目录一览:
谁给我帖一段下拉选择菜单的js代码?
我给你一个经典的下拉3级连动菜单代码:
自己慢慢研究
!-- 把下面的代码加到BODY/BODY区域中: --
FORM name="isc"
table border="0" cellspacing="0" cellpadding="0"
tr align="center"
td nowrap height="11"
select name="example" size="1" onChange="redirect(this.options.selectedIndex)"
option selected---Select1-------------/option
optionWebmaster Sites/option
optionNews Sites/option
/select
select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)"
option value=" " selected /option
option value=" " selected---Select2--------------/option
option value=" " selected---Select2--------------/option
/select
select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)"
option value=" " selected /option
option value=" " selected---Select3----------------/option
option value=" " selected---Select3----------------/option
/select
script
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; igroups; i++)
group[i]=new Array()
group[0][0]=new Option("---Select2---"," ");
group[1][0]=new Option("Now Select This One"," ");
group[1][1]=new Option("JavaScript","47");
group[1][2]=new Option("DHTML","46");
group[1][3]=new Option("CGI","45");
group[2][0]=new Option("Now Select This One"," ");
group[2][1]=new Option("General News","115");
group[2][2]=new Option("Technology News","116");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m0;m--)
temp.options[m]=null
for (i=0;igroup[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; igroups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; jgroup[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---Select 3---"," ");
secondGroup[1][0][0]=new Option("---Select 3---"," ");
secondGroup[1][1][0]=new Option("Now Select This One"," ");
secondGroup[1][1][1]=new Option("Website Abstraction","");
secondGroup[1][1][2]=new Option("JavaScript for the non programmer","");
secondGroup[1][1][3]=new Option("Java-Scripts.net","");
secondGroup[1][2][0]=new Option("Now Select This One"," ");
secondGroup[1][2][1]=new Option("Dynamic Drive","");
secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","");
secondGroup[1][2][3]=new Option("Web Coder","");
secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("CGI Resources","");
secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","");
secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("Now Select This One"," ");
secondGroup[2][1][1]=new Option("CNN","");
secondGroup[2][1][2]=new Option("MSNBC","");
secondGroup[2][1][3]=new Option("ABC News","");
secondGroup[2][2][0]=new Option("Now Select A Page"," ");
secondGroup[2][2][1]=new Option("News.com","");
secondGroup[2][2][2]=new Option("Wired","");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m0;m--)
temp1.options[m]=null
for (i=0;isecondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
window.location=temp1[z].value
}
/script
/td
/tr
/table
/FORM
使用浏览器实现收藏功能js怎么写
大多数的浏览器支持JS来实现加入收藏夹操作,但是对于一些安全性比较强的浏览器(比如谷歌浏览器)只能提示用户用手动添加。下面是JS收藏浏览器的代码:
html
body
script
function AddFavorite(title,url){
try{
window.external.addFavorite(url,title);
}
catch(e){
try{
window.sidebar.addPanel(title,url,"");
}
catch(e){
alert("抱歉,您所使用的浏览器无法完成此操作。\n\n请使用快捷键Ctrl+D进行添加!");
}
}
}
/script
a href="javascript:void(0);" onclick="AddFavorite('百度','')"收藏本站/a
/body
/html
求三个常用的js代码?
1.是关键字设置代码,让搜索引擎自动抓取关键字。
2.页面描述代码,就是网页的描述。
上面的2个是不可能实现的。你问我为什么?请多看看web2.0的规则,简单的说js没有页头的功能,再说了,搜索引擎也不认识JS代码呀,
第三个如果你要用JS代码,是可以实现的,但是那么一来搜索引擎一个都不会抓取,所以更不能用。
求一段简单的JS代码
呵呵,我没有时间去写新的JS脚本,这个是我以前写的,专门用来验证电话号码的,不能直接拿来验证工资数据是否合法
HTML部分:
div class="input"input id="telephone" onfocus="formact(this);" onblur="formph(this);" type="text" value="请输入8位或11位手机号码" size="32" //div
Javascript部分:
function formact(thevalue){
var value = thevalue.value;
value = "";
thevalue.setAttribute("value",value);
}
function formph(thevalue){
var newvalue = thevalue.value;
var badChar ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`~!@#$%^()-_=+]\\|:;\"\\',?/";
thevalue.style.background="#ffffff";
if(newvalue == ""){
alert("电话不能为空");
thevalue.style.background="#FFFFCC";
}else if(!newvalue == ""){
var nlen = newvalue.length;
if(nlen !== 8 nlen !== 11){
alert("请输入正确的电话号码!");
thevalue.style.background="#FFFFCC";
}else{
for(var i=0;inewvalue.length;i++){
var c = newvalue.charAt(i);
if(badChar.indexOf(c) -1){
alert("电话只能为数字");
thevalue.style.background="#FFFFCC";
break;
}
}
}
}
}
Web前端工程师应该知道的经典代码
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员,每天坐在电脑前敲敲打打那些重复重复再重复的语句,习惯性的思维总是被套进去,有些时候很容易把简单的事情想复杂了!不过,我们反其道而行之,新手们只要是把下面的语句牢记,很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧,希望能够对你有所帮助。
1.将彻底屏蔽鼠标右键,无右键菜单
也可以用于网页中Table框架中
no
2.取消选取、防止复制
3.不准粘贴
4.防止复制
5.IE地址栏前换成自己的图标
说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD
see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。
6.可以在收藏夹中显示出你的图标
说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。
7.关闭输入法
说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
8.永远都会带着框架
说明:frames.htm为你的网页,这也是保护页面的一种方法
9.防止被人frame
10.网页将不能被另存为
说明:的用法很广,其中一条就是可以使JS广告失效。
11.查源文件
onclick=window.location='view-source:'+target=_blank#/test.htm';
12.COOKIE脚本记录,有很大的用处哦
functionget_cookie(Name){
varsearch=Name+=
varreturnvalue=;
if(documents.cookie.length0){
offset=documents.cookie.indexOf(search)
if(offset!=-1){//ifcookieexists
offset+=search.length
//setindexofbeginningofvalue
end=documents.cookie.indexOf(;,offset);
//setindexofendofcookievalue
if(end==-1)
end=documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset,end))
}
}
returnreturnvalue;
}
functionloadpopup(){
if(get_cookie('popped')==''){
openpopup()
documents.cookie=popped=yes
}
}
说明:以上是JS代码,请自己加起始符和结束符
13.内框架使用
Iframe标记的使用格式是:
ame=main
src:文件的路径,既可是HTML文件,也可以是文本、ASP等
width、height:内部框架区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
比如:当你想用父框架控制内部框架时,可以使用:target=框架的名字来控制。
例子:
14.自动跳转
在源代码中的加入如下代码:
charset=gb2312
说明:content=3表示3秒刷新到URL
15.如何改变链接的鼠标形状
只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行
style=cursor:hand
style=cursor:crosshair
style=cursor:text
style=cursor:wait
style=cursor:move
style=cursor:help
style=cursor:e-resize
style=cursor:n-resize
style=cursor:nw-resize
style=cursor:w-resize
style=cursor:s-resize
style=cursor:se-resize
style=cursor:sw-resize
上面介绍的代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。
以上就是小编今天为大家分享的关于Web前端工程师应该知道的经典代码的文章,希望本篇文章能够对正在正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识的小伙伴记得关注北大青鸟Web培训官网哦,最后祝愿小伙伴们工作顺利~
本文转载自java雪豹软件工作室(ID:czh_668899)
*声明:内容与图片均来源于网络(部分内容有修改),版权归原作者所有,如来源信息有误或侵犯权益,请联系我们删除或授权事宜。
回答于 2022-11-04
详情
该链接由问题回答方推荐
官方电话
在线客服
官方服务
官方网站
领学习资料
抢首赞
已踩
查看全部1个回答
立即下载
— 为你推荐更多精彩内容 —
正在加载
加载失败 点击重新加载
微信
微博
QQ空间
答案纠错
举报
取消
赞赏答主
5
10
50
100
200
已赞赏0财富值
合计:0 财富值
登录后赞赏
选择举报类型
侵犯版权
色情低俗
涉嫌违法犯罪
时政信息不实
垃圾广告
低质灌水
工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。
确定
void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15;var e=new Date;e.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+";path=/;expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^;]*)(;|$)"));return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT");if(a){h("PMS_JT","",-1);try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.rand;d="https:"===a.location.protocol?""+d:""+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js");
window.tt = 1669013165;