JavaScript(簡稱“JS”) 是一種具有函數優先的輕量級,解釋型或即時編譯型的編程語言。
成都創新互聯成立十多年來,這條路我們正越走越好,積累了技術與客戶資源,形成了良好的口碑。為客戶提供做網站、成都做網站、網站策劃、網頁設計、域名申請、網絡營銷、VI設計、網站改版、漏洞修補等服務。網站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等,這些對于網站建設都非常重要,成都創新互聯通過對建站技術性的掌握、對創意設計的研究為客戶提供一站式互聯網解決方案,攜手廣大客戶,共同發展進步。
除了HTML和CSS,JavaScript是萬維網的核心技術之一。JavaScript支持交互式web頁面,是web應用程序的重要組成部分。絕大多數網站都使用它,主要的網絡瀏覽器都有專門的JavaScript引擎來執行它。
javascript的特點
1、腳本語言。 JavaScript是一種解釋型腳本語言。首先編譯和執行C,C ++和其他語言,同時在程序運行期間逐行解釋JavaScript。
2、基于對象。 JavaScript是一種基于對象的腳本語言,不僅可以創建對象,還可以使用現有對象。
3、簡單。 JavaScript語言使用弱類型的變量類型。它對使用的數據類型沒有嚴格要求。它是一種基于Java基本語句和控件的腳本語言。它的設計既簡單又緊湊。
4、動態。 JavaScript是一種事件驅動的腳本語言,無需通過Web服務器即可響應用戶輸入。訪問網頁時,鼠標可以在網頁上單擊鼠標,或上下移動并移動窗口。 JavaScript可以直接響應這些事件。
JS動態效果,參考如下:
!DOCTYPE?html?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN"?""
html
head
meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"
title浮動圖片/title
script?type="text/javascript"
var?step?=?1;?//?移動的像素
var?y?=?-1;?//?垂直移動的方向,-1表示向上,1表示向下
var?x?=?1;?//?水平移動的方向,-1表示向左,1表示向右
function?myFloat()
{
var?img?=?document.getElementById("myImg");
//?獲取圖片和當前瀏覽器窗口上邊距,由于img.style.top獲取的值帶px單位
var?top?=?img.style.top.replace("px",?"");
//?top?=?top?-?100;
//?img.style.top?=?top?+?"px";
//?獲取圖片和當前瀏覽器窗口左邊距
var?left?=?img.style.left.replace("px",?"");
//?left?=?left?-?100;
//?img.style.left?=?left?+?"px";
//?上下移動
if(top?=?0)
{
y?=?1;
}
if(top?=?document.body.clientHeight)
{
y?=?-1;
}
top?=?(top*1)?+?(step?*?y);
img.style.top?=?top?+?"px";
//?左右移動
if(left?=?0)
{
x?=?1;
}
//?alert(img.clientWidth);
if(left?=?(document.body.clientWidth?-?img.clientWidth))
{
x?=?-1;
}
left?=?(left*1)?+?(step?*?x);
img.style.left?=?left?+?"px";
setTimeout("myFloat()",?20);
}
/script
/head
body?onload="myFloat();"?style="height:?400px;"
img?id="myImg"?src="IP.gif"
style="position:?absolute;?left:?500px;?top:?400px;?border:?solid?1px?black;"?/
/body
/html
給你看了一下,解決了!
html
head
titledynamic-documents/title
script type="text/javascript"
function moveButton(){
document.getElementById('mybotton').style.top=document.getElementById('text1').value;
document.getElementById('mybotton').style.left=document.getElementById('text2').value;
}
/script
/head
body
form id="myform" action="handler"
pleft的取值:
input type="text" name="text1" id="text1" size="25" maxlength="25"
br/
top的取值:
input type="text" name="text2" id="text2" size="25" maxlength="25"
br/
input type="button" value="position" id="mybotton" style="position:
absolute;top:115px;left:100; " onclick="moveButton()"
/p
/form
/body
/html
填寫的內容是:
onclick="moveButton()"
異步加載js文件或者異步加載js模塊,支持所有瀏覽器,包括IE,參考至javascript高級編程
1.createScript方法用于創建一個script標簽并添加到body標簽中
2.createModule方法用于創建一個script腳本的標簽,并且如果在IE8以下的版本運行會拋出異常,在異常捕獲模塊中執行script.text兼容IE添加js的腳本內容。
button
id="demo"js文件/button
button
id="demo1"js模塊/button
script
type="text/javascript"
//異步加載文件,支持所有瀏覽器
document.getElementById("demo").onclick
=
function
()
{
createScript("../../js/jquery-1.8.3.min.js");
}
function
createScript(url)
{
var
script
=
document.createElement("script");
script.type
=
"text/javascript";
script.src
=
url;
document.body.appendChild(script);
}
//這里首先會嘗試標準的DOM方法,因為除了IE(在IE中會拋出錯誤),所有瀏覽器都支持這種方法,如果拋出錯誤則說明是IE,于是就必須使用tezt屬性了
document.getElementById("demo1").onclick
=
function
()
{
createModule("function
sayHi(){alert('Hi
!')}");
}
function
createModule(code)
{
var
script
=
document.createElement("script");
script.type
=
"text/javascript";
try
{
script.appendChild(document.createTextNode(code));
}
catch
(ex)
{
script.text(code);
}
document.body.appendChild(script);
}
/script
以上就是小編為大家帶來的javascript
動態腳本添加的簡單方法全部內容了,希望大家多多支持腳本之家~
新聞標題:動態javascript,動態嘉年華
文章源于:http://www.yijiale78.com/article18/dsccggp.html
成都網站建設公司_創新互聯,為您提供企業建站、微信公眾號、品牌網站制作、軟件開發、外貿網站建設、移動網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯