在的index.html背景變量被隨機變化我可以保存index.html中的一個var值並將其用於其他頁面而不更改?轉移JS沒有PHP
回答
您可以使用Cookie或localStorage
甚至更好sessionStorage
。
var imgArr=['background.jpg', 'backgrounds2.jpg', 'backgrounds3.jpg'];
i = Math.floor(Math.random() * imgArr.length);
//fewer harcoded values is better :-)
$('.wrap').css({'background': 'url('+imgArr[i]+') no-repeat fixed'});
sessionStorage.setItem("bg", imgArr[i]);
當然,你應該檢查是否存儲是試圖訪問它之前可用,但它會在現代瀏覽器。
太好了!現代網絡技術真的很酷,非常感謝你! – 2013-02-26 15:04:57
最簡單的方法是在CSS中設置一個默認值 - 然後您的JS會覆蓋index.html中的默認值,如果您從其他頁面中忽略了js,那麼它將恢復爲默認值。
你也可以使用JS來設置一個cookie,然後從那裏讀取,但是你仍然需要計劃如果有人訪問頁面而沒有設置cookie,所以id可能與CSS選項一起是我。
是的,但我需要從其他頁面的index.html使用結果。好的..代碼可以在一個外部文件中 – 2013-02-26 14:32:33
@RomanPerfilyev:在這種情況下,你需要使用cookie,或者將它和一個get參數一起傳遞,然後從URL中解析。 – prodigitalson 2013-02-26 14:38:10
如果您正在使用任何服務器端語言,請嘗試SESSION存儲該值。 如果您僅使用客戶端語言,請嘗試使用cookie或將參數值傳遞到下一頁。
你可以在index.html中添加一些元素,並檢查你的javascript是否存在,這意味着你在index.html頁面上,你應該改變背景。例如添加
<div id="iamindex"></div>
你的javascript:
if($('#iamindex').length) {
var imgArr=['background.jpg', 'backgrounds2.jpg', 'backgrounds3.jpg'];
i=Math.round(Math.random()*2);
$('.wrap').css({'background': 'url('+imgArr[i]+') no-repeat fixed'});
}
- 1. 如何從PHP轉移日起JS
- 2. 值不是從JS轉移到PHP
- 3. php/js JSON沒有通過有效的
- 4. 如何將會話php數據從PHP轉移到JS
- 5. HTML表單POST沒有得到轉移到PHP $ _ POST
- 6. PHP和JS代碼沒有執行
- 7. React翻轉移動沒有動畫
- 8. 轉移記錄,沒有重複
- 9. 沒有HTML/JS
- 10. phpMyAdmin沒有正確移除PHP會話
- 11. Facebook會話將js-SDK轉移到php-SDK
- 12. 轉換JS變量到PHP
- 13. 轉換PHP代碼爲JS
- 14. PHP代碼轉入JS
- 15. JS轉換功能,PHP
- 16. ko.toJSON沒有轉換的JS對象轉換成JSON字符串
- 17. Gii沒有css/js
- 18. PHP轉到'沒有結果'頁面
- 19. PHP工匠遷移沒有遷移錯誤
- 20. 有沒有辦法只顯示織物js上的旋轉點?
- 21. php session.save_path故障轉移
- 22. 在php的webmoney轉移api
- 23. 做鏈接,沒有「A HREF」,沒有JS
- 24. 有沒有在PHP一個執行功能就像在JS
- 25. Ext JS的,Ext.Ajax.request沒有在移動設備
- 26. 面料js:移動時沒有羣組成員更新
- 27. Coda-slider調試「no-js」標記沒有被移除
- 28. PHP:從沒有框架的oop遷移到Zend php frameword
- 29. 有沒有人在生產環境中轉移到NHibernate 2.0?
- 30. 有沒有辦法讓parsec報告「轉移 - 減少」衝突?
使用cookie來存儲跨請求/頁面的數據 – Boynux 2013-02-26 14:30:20
像「http://.../index.html?myVar = 123」這樣的Cookie或URL參數是向頁面提供參數的簡單傳統方式,但它是有點不清楚你真的想做什麼,如果這是合適的,或者有更好的解決方案來解決你的問題。 – Supr 2013-02-26 14:31:38