經典的js代碼收藏,完整的js代碼

本文目錄一覽:

誰給我帖一段下拉選擇菜單的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

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

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-31 11:49
下一篇 2024-12-31 11:49

相關推薦

  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字元串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字元串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字元串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變數和數…

    編程 2025-04-29
  • 如何在Java中拼接OBJ格式的文件並生成完整的圖像

    OBJ格式是一種用於表示3D對象的標準格式,通常由一組頂點、面和紋理映射坐標組成。在本文中,我們將討論如何將多個OBJ文件拼接在一起,生成一個完整的3D模型。 一、讀取OBJ文件 …

    編程 2025-04-29
  • 打造照片漫畫生成器的完整指南

    本文將分享如何使用Python編寫一個簡單的照片漫畫生成器,本文所提到的所有代碼和技術都適用於初學者。 一、環境準備 在開始編寫代碼之前,我們需要準備一些必要的環境。 首先,需要安…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在著手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • Python中文版下載官網的完整指南

    Python是一種廣泛使用的編程語言,具有簡潔、易讀易寫等特點。Python中文版下載官網是Python學習和使用過程中的重要資源,本文將從多個方面對Python中文版下載官網進行…

    編程 2025-04-29

發表回復

登錄後才能評論