這篇文章主要給大家介紹了JS+PHP實現用戶輸入數字後顯示最大的值及是第幾個的相關位置,文中給出了詳細的示例代碼供大家參考學習,需要的朋友們下面來一起看看吧。
本文主要給大家介紹的是關於JS+PHP實現用戶輸入數字後顯示最大的值及所在位置的相關內容,目的:分清JS PHP的區別,拓寬思維,下面來一起看看詳細的介紹:
分析
1.使用JS的prompt輸入使用者想要輸入的數值.
## 2.利用HTML表單的text標籤將輸入的值傳遞給PHP處理文件 3.PHP進行數值判定,選出最大值和位置.由淺入深:
1.在JS實作取得陣列的最大值.
var a=[10,20,40,30]; // var max=0; var max=a[0]; for(var i=0;i<a.length;i++){ if(max<a[i]){ max=a[i]; } } alert("最大数为"+max);這裡值得注意的是:不可以直接設定一個變數max=0,因為你不確定以後輸入的數字是小於0的還是大於0的[案列是大於0的],所以應該選擇數組裡面的一個數,就數組的第一個好了
max=a[0] .
2.在JS實現獲得數組的最大值最小值和他們的位置(即在數組中第幾個)
[註:本案例位置+1是為了方便查看,JS數組開始也是0]var a=[10,20,40,30]; var max=a[0];//不能指定一个数为最大值[var max=0](除非是确定的情况下),应该用数组里面的值,a[0]即让数组第一个值作为比较的最大值. var maxaddress=0; var min=a[0]; var minaddress=0; for(var i=0;i<a.length;i++){ if(max<a[i]){ max=a[i]; maxaddress=i } if(min>a[i]){ min=a[i]; minaddress=i } } alert("最大数为"+max+"位置为第"+(maxaddress+1)+"个"); alert("最小数为"+min+"位置为第"+(minaddress+1)+"个");
3.現在改成用prompt來進行用戶輸入獲得值來求最大值等等.##難點:
1.如何輸入,用prompt
2.如何將一個字串轉為陣列,並且要轉換格式呢?
前提知識:
1.將字串分割用到的是字串分割用到的是JS的string物件的spilt方法(注意,JS一切皆是物件,因此叫方法,不叫函數)
2.讓一個"abc"字串轉為number型別,怎麼轉.
字符串转数字类型 ◆Number ★数字类型的字符串,转换之后得到的数字。var n1="123"; var n2=Number(n1);//123 ★★非数字字符串,转换之后得到是NaN。var n1="123abc"; var n2=Number(n1);//Nan ★小数类型的字符串,转换之后得到的是原数字。var n1="123.23"; var n2=Number(n1);//123.23 ◆parseInt ★整数数字类型的字符串,转换之后得到的整数数字。var n1="123"; var n2=parseInt(n1);//123 ★数字开头的字符串,转换之后得到的是前边的数字。var n1="123abc"; var n2=parseInt(n1);//123 ★非数字开头的字符串,转换之后得到的是NaN。。var n1="abc123"; var n2=parseInt(n1);//NaN ★★小数类型的字符串,转换之后取整(小数点直接省略)。var n1="123.53"; var n2=parseInt(n1);//123 var n1="-5.93"; var n2=parseInt(n1);//-5 ◆parseFloat ★整数数字类型的字符串,转换之后得到的整数数字。var n1="123"; var n2=parseFloat(n1);//123 ★数字开头的字符串,转换之后得到的是前边的数字。var n1="123abc"; var n2=parseFloat(n1);//123 ★非数字开头的字符串,转换之后得到的是NaN。var n1="abc123"; var n2=parseFloat(n1);//NaN ★★小数类型的字符串,转换之后得到的是原数字。var n1="123.23"; var n2=parseFloat(n1);//123.23 转布尔类型 ★数字和字符串转完之后为true。 ★undefined、null、0转完之后为false. var n1=123; var n2=Boolean(n1);//true var n1="123"; var n2=Boolean(n1);//true var n1="0"; var n2=Boolean(n1);alert(n2);//true var n1; var n2=Boolean(n1);//false var n1=null; var n2=Boolean(n1);//false var n1=0; var n2=Boolean(n1);//false
以上分析完畢,開始書寫程式碼
#
<script> //var a=new Array(-12,34,56,88,32,"aa","-34.33","-34.34",12.23); /*var a=new Array(prompt("请输入数字")); document.write(a);*/ var b=prompt("请输入要比较的数,用\",\"号隔开"); var a=new Array(); a=b.split(","); // for(var j=0;j<a.length;j++){ // document.write(a[j]); // } alert(typeof(a)+" JS数组本质是对象啊!!");//本质是对象 PHP数组就是数组,没有属性(比如length) document.write(a+"<br>"); console.log(a+"<br>"); var max=parseFloat(a[0]); //document.write(max); var maxaddress=0; var min=parseFloat(a[0]); var minaddress=0; for(var i=0;i<=a.length;i++){ var shu=parseFloat(a[i]); if(shu>max){ max=shu; maxaddress=i; } if(shu<min){ min=a[i]; minaddress=i; } } document.write("最大数为"+max+"位置为第"+(maxaddress+1)+"个"+"<br>"); document.write("最小数为"+min+"位置为第"+(minaddress+1)+"个"); </script>
4.以上是JS做處理,我的目的是讓JS+PHP+HTML連動起來.
PHP是無法直接前端互動的,即他不能直接取得使用者輸入的值,而要透過html 的form表單
# JS資料傳給PHP,你可以用AJAX,但我以後再講,今天看看有什麼方法.
1.製作HTML表單:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="deal.php" method="post"> 请输入数字:<input type="text" id="shu" name="shuzi" value=""> <input type="submit" value="提交"> </form> </body> </html>
2.JS傳值給HTML:
<script type="text/javascript"> var a=prompt("请输入数字"); document.getElementById("shu").value=a; </script>
這裡有個坑,如果將JS程式碼寫在HTML的header處,會報錯,說Uncaught TypeError: Cannot set property 'value' of null
因為瀏覽器解析順序,在瀏覽器解析JS的時候(輸入數字完成的時候),瀏覽器開始解析HTML,雖然JS賦值了text的value,但被後面HTML的解析成了text的value為NULL,這是自相矛盾的.
所以盡可能的讓JS程式碼寫在後面,你先解析HTML,然後我再給你值.(具體情況具體分析,不一定JS程式碼都在頭部)
5.好了,HTML傳值了,現在看PHP
<?php header("Content-type:text/html;charset=utf-8"); $a=$_POST['shuzi']; //var_dump($a); $b=explode(',',$a); for($i=0;$i<count($b);$i++){ echo $b[$i]; } var_dump($b); $max=$b[0]; $maxaddress=0; for($j=0;$j<count($b);$j++){ if($b[$j]>$max){ $max=$b[$j]; $maxaddress=$j; } } echo "最大值是".$max."<br>"; echo "位置为第".($maxaddress+1)."个"; ?>
這裡主要是看explode(將字串拆分成數組) count(獲得數組的個數)
還有註意類型轉換問題,以後補充或者你自己寫寫吧.
最後上圖:
#總結
以上是用JS+PHP實現輸入數字後顯示最大的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

在PHP中,可以使用session_status()或session_id()來檢查會話是否已啟動。 1)使用session_status()函數,如果返回PHP_SESSION_ACTIVE,則會話已啟動。 2)使用session_id()函數,如果返回非空字符串,則會話已啟動。這兩種方法都能有效地檢查會話狀態,選擇使用哪種方法取決於PHP版本和個人偏好。

sessionsarevitalinwebapplications,尤其是在commercePlatform之前。

在PHP中管理並發會話訪問可以通過以下方法:1.使用數據庫存儲會話數據,2.採用Redis或Memcached,3.實施會話鎖定策略。這些方法有助於確保數據一致性和提高並發性能。

PHPsessionshaveseverallimitations:1)Storageconstraintscanleadtoperformanceissues;2)Securityvulnerabilitieslikesessionfixationattacksexist;3)Scalabilityischallengingduetoserver-specificstorage;4)Sessionexpirationmanagementcanbeproblematic;5)Datapersis

負載均衡會影響會話管理,但可以通過會話複製、會話粘性和集中式會話存儲解決。 1.會話複製在服務器間複製會話數據。 2.會話粘性將用戶請求定向到同一服務器。 3.集中式會話存儲使用獨立服務器如Redis存儲會話數據,確保數據共享。

Sessionlockingisatechniqueusedtoensureauser'ssessionremainsexclusivetooneuseratatime.Itiscrucialforpreventingdatacorruptionandsecuritybreachesinmulti-userapplications.Sessionlockingisimplementedusingserver-sidelockingmechanisms,suchasReentrantLockinJ

PHP會話的替代方案包括Cookies、Token-basedAuthentication、Database-basedSessions和Redis/Memcached。 1.Cookies通過在客戶端存儲數據來管理會話,簡單但安全性低。 2.Token-basedAuthentication使用令牌驗證用戶,安全性高但需額外邏輯。 3.Database-basedSessions將數據存儲在數據庫中,擴展性好但可能影響性能。 4.Redis/Memcached使用分佈式緩存提高性能和擴展性,但需額外配

Sessionhijacking是指攻擊者通過獲取用戶的sessionID來冒充用戶。防範方法包括:1)使用HTTPS加密通信;2)驗證sessionID的來源;3)使用安全的sessionID生成算法;4)定期更新sessionID。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

Dreamweaver CS6
視覺化網頁開發工具

Dreamweaver Mac版
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebStorm Mac版
好用的JavaScript開發工具