htmljsphp教程,html js php

本文目錄一覽：

• 1、HTML+JS+PHP
• 2、html中利用js調用php文件輸出文本
• 3、html能過JS獲取PHP中的值？
• 4、在HTML頁面使用JS調用PHP動態頁信息
• 5、html如何通過js腳本調用顯示一個php頁面的內容？
• 6、html調用js，js再調用php，然後在網頁顯示調用結果

HTML+JS+PHP

js是運行在你的瀏覽器上的哦

html+js只能做到表單的提交 但是提交的文件無法保存在服務端哦

所以必須帶上php啊

給你段實例 ,記得分給我啊 index.html

form action=”ok.php”

請上傳input name=”pic” type=”file”/

/form

ok.php

move_uploaded_file($_FILES[‘pic’][‘tmp_name’],$picscr)

簡單的表單提交…利用php的move_uploaded_file函數來保存文件

至於用數據庫存儲文件名和路徑 我相信你一定能自己搞定的啦~

哦對了 記得form標籤內加上enctype=”multipart/form-data”

html中利用js調用php文件輸出文本

這個得看具體情況了。要是使用ajax的話，是不可以跨域訪問的，也就是說這個php文件和前台頁面要在一個域名下。

跨域的話，可以使用動態腳本來獲得，不過可能就得改一下php的輸出，變成var news=…….。這樣可以被js正常解析的形式。

不清楚你的具體情況。

html能過JS獲取PHP中的值？

可以用ajax加josn來實現，用php輸出josn數據，再在html裏面解析出來就可以了，可以用ajax加josn來實現，用php輸出josn數據，再在html裏面解析出來就可以了，可以用ajax加josn來實現，用php輸出josn數據，再在html裏面解析出來就可以了，可以用ajax加josn來實現，用php輸出josn數據，再在html裏面解析出來就可以了。

在HTML頁面使用JS調用PHP動態頁信息

說實話沒見過這種用法，html js 調用php動態頁面，一般都用ajax吧

html如何通過js腳本調用顯示一個php頁面的內容？

舉一個簡單的例子來說明:

如在頁面a.html中用下面這句調用:

script type=”text/javascript” src=”b.php?action=test”/script

script type=”text/javascript”

alert(jstext);

/script

在b.php中有這樣一段PHP代碼:

? $action=$_GET[‘action’]; //echo “var jstext=’$action'”; //輸出一句JS語句,生成一個JS變量,並賦顛值為PHP變量 $action的值 //echo “var jstext=’aa'”; echo “var jstext=”.”‘$action'”; ?

當執行a.html文件時,就會調用b.php文件,並將b.php文件的輸出作為JS語句來執行,所以此處會彈出一個提示框,內容為JS變量jstext的值,也就是在PHP文件中賦給jstext的值.

小結:

在HTML里用JS 調用文件的方式調PHP文件,則PHP文件的輸出將會被調用頁作為JS的代碼來用.

2 php調用js中的值

在z.php頁面中有這樣一段代碼：

script type=”text/javascript” var url=”aaaa*”; /script ? $key=”script type=text/javascriptdocument.write(url)/script”; echo $key; ?

3 php調用js中的方法(函數)

script type=”text/javascript” function test() { var t1=3; t1 = t1+2; alert(t1); //return t1; } /script

?php echo “script type=’text/javascript’test();/script”; ?

4 JS調用PHP變量

（1）

?php

$userId=100;

? script

var userId;

userId=document.getElementByIdx_x_x_x(“userId”).value;

alert (userId);

/script

input type=”text” name=”userId” id=”userId” value=”?php echo $userId; ?”

（2）

?php

$url = ‘變化的網址’; //定義變量

?

script type=”text/javascript”

//js調用php變量

var ds =”?php echo $url?” ; //賦值 alert(ds); //輸出效果 /script

5 ——————————-

script language=”JavaScript” !–

var Y=?php echo date(‘Y’)?,M=?php echo date(‘n’)?,D=?php echo date(‘j’)?;

—

/script

6 自己寫的js和php互相調用

1.php內容：

?php

//echo “script LANGUAGE=’javascript’alert(‘$php變量’);/script”; //最簡單的php調用js

//echo “a href=#img width=50 src=’$fruit_pic_array[$i]’ onMouseOver=』javascript:a();『/a”;

//echo “a href=’3.php’aaaa/a”; //php中超鏈接

//echo “script type=’text/javascript’ language=’javascript’phpmake(‘PHP建站學習筆記網’);/script”; //有時候需要在PHP執行過程中，需要調用JavaScript自定義函數(驗證時出錯)

echo “function ok(msg){alert(msg);}”;

?

HTML

HEAD

TITLE php調用js文件的好辦法/TITLE

/HEAD

BODY

!–js調用php中定義的js–

scrīpt language=”javascrīpt” type=”text/javascrīpt” src=”1.php”/scrīpt

scrīpt

ok(“aaaaaa!”);

/scrīpt

/script

/BODY

/HTML

2.php內容：

!–js調用php–

?php

$userId=100;

?

script

var userId;

userId=document.getElementByIdx_x(“userId”).value;

alert (userId);

/script

input type=”text” name=”userId” id=”userId” value=”?php echo $userId; ?”

!–js調用php–

?php

if($_GET[“action”]==”ok”)

{

echo “I’m OK!”;

}

else

{

echo “I’m not OK!”;

}

?

SCRIPT Language = “JavaScript”

function func()

{

if(confirm(“Are you OK with this?”))

{

this.location = “ok.php?action=ok”;

}

else

{

this.location = “ok.php?action=cancel”;

}

}

/SCRIPT

html

head

/head

body

a href=”#” href=”#” onClick=”javascript:func();”Please Click/a

/body

/html

!–js調用php–

html

head

script

function isMail(PostString)

{

re=/\w*/

if(re.test(PostString))

{

return true;

}

else

{

return false;

}

}

function test(){

if (isMail(?php echo $email?))

{document.write(“?php echo “N”;?”);}

else

{document.write(‘?php echo ‘Y’;?’);}

}

/script

/head

body

?php

$email=”aa”;

?

input type=button value=click onclick= ‘test() ‘

/body

/html

!–php中含有js代碼–

?php

echo ”

script language=javascript

function test(){

alert( ‘hello ‘);

}

/script “;

?

input type=button value=click onclick= ‘test() ‘

html調用js，js再調用php，然後在網頁顯示調用結果

建議使用jquery

假設你右邊是一個div標籤，給他設置一個id值，比如id=”show”

給查詢兩個字加一個標籤，比如a標籤：a href=”#” class=”chaxun”查詢/a

然後寫jquery的ajax代碼：

$(‘a.chaxun’).click(function(){//class=」chaxun”的a標籤的點擊事件

var bianhao, minzhi;//聲明2個變量

biaohao = $(‘#bianhao’).val();//取得文本框id為bianhao的值

mingzhi = $(‘#mingzi’).val();//同理

$(‘div#show’).load(‘chaxun.php?bianhao=’ +bianhao +’mingzhi=’ + mingzhi);

});

最後在你的chaxun.php中，和平時寫代碼一樣就行了

?php

$bianhao = $_GET[‘bianhao’];

$mingzhi = $_GET[‘mingzhi’];

//接着就是你的數據庫查詢

echo $Data;//輸出你的數據庫查詢結果即可