自學筆記: javascript

顯示具有 javascript 標籤的文章。顯示所有文章

2015年2月8日星期日

鏈結標籤< a 裡面可以加javascript

鏈結標籤< a > 裡面可以加javascript

可用在以圖片為按鈕

<tr>
<td colspan="2" height="16" align="right" valign="middle"> <img src="images/arrow01.gif" width="10" height="10" alt=" ">搜
尋字串︰</td>
<td height="16" valign="middle" width="75%">
<input name=p size=20 value="網路">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image201','','images/search_01.gif',1)" onBlur="MM_swapImgRestore()" onFocus="MM_swapImage('Image201','','images/search_01.gif',1)">
<INPUT TYPE="image" name="Image201" border="0" src="images/search.gif" alt="確定搜尋" width="90" height="23"
align="absbottom">
</a> </td>
</tr>

2014年11月26日星期三

[JavaScript] 呼叫function

把JavaScript的function放在<head>裡面。

return data // 用 return 關鍵字傳回資料

<html>
<head>
<title></title>

<script language="javascript">
function run_rss(sID){
window.open('rss.asp?sid='+sID);
}
</script>

</head>

if Rs("edit_group") = "68" then
sID= Rs("edit_group")
%>
<script> run_rss(this, <%=sID%> );</script>
<%
end if
<body>
</body>
</html>

參考 :
http://taiwantc.com/js/js_tut_a5.htm

2014年2月12日星期三

[Javascript]在搜尋輸入框輸入字串，按ENTER即送出查詢

龍偷內兜搜尋引擎

在搜尋輸入框輸入字串，按ENTER即送出查詢。

在搜尋結果頁面按回上一頁設定Focus

=======================
完畢。

2014年1月27日星期一

[javascript]核取方塊checkbox是否被勾選

JavaScript練習題
有三個核取方塊checkbox選項，
選了第一個選項，第二個選項才能被勾選；
選了第二個選項，第三個選項才能被勾選；

反之，
取消選擇第二個選項，則第三個選項不可被勾選。

程式如下

<p><INPUT id=checkbox1 type=checkbox name=checkbox1 value="1" onclick='show_item()'
>開會用
<INPUT id=checkbox2 type=checkbox name=checkbox2 value="1" disabled
onclick='show_item()' >不發通知單
<INPUT id=checkbox3 type=checkbox name=checkbox3 value="1" disabled>電子會議
第四<INPUT id=checkbox4 type=checkbox name=checkbox4 value="1"<%if
mid(cstr(r_week),4,1)="1" then %>checked<%end if%>>
第五<INPUT id=checkbox5 type=checkbox name=checkbox5 value="1"<%if
mid(cstr(r_week),5,1)="1" then %>checked<%end if%>>
<P>

<script language=javascript>

//顯示選項：不發通知單、電子會議
function show_item(){
if (document.all("checkbox1").checked)
{
document.all("checkbox2").disabled = false
}
else
{
document.all("checkbox2").checked = false
document.all("checkbox2").disabled = true
document.all("checkbox3").checked = false
document.all("checkbox3").disabled = true
}
if (document.all("checkbox2").checked)
{
document.all("checkbox3").disabled = false
}
else
{
document.all("checkbox3").checked = false
document.all("checkbox3").disabled = true
}
}

</script>

2013年12月12日星期四

javascript 基本認識 -w3cschool 上學去

w3cschool裡面有許多資料，就在裡面挖寶吧。

因為使用翻譯軟體翻譯，所以中文會怪怪的，雖然說對岸有中文的w3cschool網站，但是目前我無法連上。

如果對javascript有興趣的人，一起學習吧，也不吝給個指教 :)

使用JavaScript，你可以改變幾乎任何HTML屬性。
With JavaScript, you can change almost any HTML attribute.
即瀏覽器會解釋並執行<SCRIPT>和</ script>標記之間的JavaScript代碼。
舊的例子可能有類型=“text/JavaScript的”在<script>標籤。這已不再需要。JavaScript是在所有的現代瀏覽器和HTML5中默認的腳本語言。
外部腳本不能包含<script>標記。

[ JavaScript Output ]

要訪問從JavaScript的HTML元素，你可以使用document.getElementById（ID）方法。
To access an HTML element from JavaScript, you can use the document.getElementById(id) method.
用“id”屬性來識別HTML元素：Use the "id" attribute to identify the HTML element:

<p id="demo">My First Paragraph</p>

<script>

document.getElementById("demo").innerHTML="My First JavaScript";

</script>

在上面的例子中，通過getElementById是一種方法，而innerHTML的是一個屬性。

In the example above, getElementById is a method, while innerHTML is a property.

javascript 基本認識 -wiki的解釋

讀完後釐清了一些觀念，整理一下，提醒自己有讀過，要不然看過就忘，哈哈。

一般來說，完整的JavaScript包括以下幾個部分：

ECMAScript，描述了該語言的語法和基本物件
文件物件模型（DOM），描述處理網頁內容的方法和介面
瀏覽器物件模型（BOM），描述與瀏覽器進行互動的方法和介面

它的基本特點如下：

是一種解釋性程式語言（代碼不進行預編譯）。
主要用來向HTML頁面添加互動行為。
可以直接嵌入HTML頁面，但寫成單獨的js檔案有利於結構和行為的分離。

JavaScript常用來完成以下任務：

嵌入動態文字於HTML頁面
對瀏覽器事件作出響應
讀寫HTML元素
在資料被送出到伺服器之前驗證資料
檢測訪客的瀏覽器訊息
控制cookies，包括建立和修改等

[ 特性 ]

不同於伺服器端腳本語言，例如PHP與ASP，JavaScript主要被作為客戶端腳本語言在用戶的瀏覽器上執行，不需要伺服器的支援。所以在早期程式員比較青睞於JavaScript以減少對伺服器的負擔，而與此同時也帶來另一個問題：安全性。
而隨著伺服器的強壯，雖然現在的程式員更喜歡執行於伺服端的腳本以保證安全，但JavaScript仍然以其跨平台、容易上手等優勢大行其道。
同時，有些特殊功能（如AJAX）必須依賴Javascript在客戶端進行支援。

[ 編程 ]

JavaScript是一種腳本語言，其原始碼在發往客戶端執行之前不需經過編譯，而是將文字格式的字元代碼發送給瀏覽器由瀏覽器解釋執行。
直譯語言的弱點是安全性較差，而且在JavaScript中，如果一條執行不了，那麼下面的語言也無法執行。而其解決辦法就是於使用try{}catch(e){}

[ Hello World ]

以下是一個簡單的JavaScript Hello World︰

<!DOCTYPE HTML>

<html>

<head>

<title>簡單的JavaScript Hello World</title>

document.write("Hello, world!"); // 於瀏覽器視窗內直接顯示

alert("Hello, world!"); // 開啟對話視窗顯示

console.log("Hello, world!"); // 於console裡顯示。IE下需要先开启开发工具控制台

</script>

</head>

<body>

HTML 內文……

</body>

</html>

或是在瀏覽器的網址列（location bar）中使用javascript:，以互動方式表示：
javascript:alert("Hello world!");

以上資料來源:wiki http://zh.wikipedia.org/wiki/JavaScript

2013年12月10日星期二

[javascript] 使用者輸入防呆

按下確定按鈕後，先透過js檢查使用者有無填入資料，再做撈資料庫的動作。

基本上就是注意紅色字就可以了。

if request("Search") <> "" then '按下確定按鈕，做查詢

set rs=ExecRecord(sql)

if rs.eof then

Response.Write "<tr width='100%'><td colspan='6' class='manifesto'>"

Response.Write "目前沒有任何資料 !!"

Response.Write "</td></tr>"

else

while not rs.eof

tobeaway_no=trim(rs("tobeaway_no"))

rs.movenext

wend

rs.close

set rs=nothing

end if

%>
</form>

function set()

{

document.form.orgid.selectedIndex=0;

}

function chkData()

{

if ((document.all('orgid').value == "") && (document.all('user').value ==""))

{

alert("請輸入條件");

return false; //return false;程式就不會往下執行，防呆用

}

<%if mesg<>"" then %>

alert('<%=mesg%>');

<%end if%>

</script>

以上就可以做到javascript防呆了
完畢。

2015年2月8日 星期日

2014年11月26日 星期三

2014年2月12日 星期三

2014年1月27日 星期一

2013年12月12日 星期四

2013年12月10日 星期二

標籤

我的網誌清單

2015年2月8日星期日

2014年11月26日星期三

2014年2月12日星期三

2014年1月27日星期一

2013年12月12日星期四

2013年12月10日星期二