本文目錄一覽:
誰給我帖一段下拉選擇菜單的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;
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/303067.html