搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Content changes dynamically using javascript but effects does not remain permanant

more options

When I use javascript to change font/color/size or inner html, it works temporarily only. Changes does not remain permanent. e.g.

<title>Showing Charset</title> <style type="text/css"> .head_class {color:red;font-size:60;font-family:impact;} </style>

<script type="text/JavaScript"> function chngFont() { var el2 = document.getElementById('myfont'); var sfont = el2.value; document.getElementById('head').className = 'head_class'; document.getElementById('head').innerHTML = sfont; // alert(document.seefont.fonttosee.value); } </p><p></script>

Charset

<form name="seefont"> <input type="text" id="myfont" name="fonttosee" size="20" value="arial"> <button onclick="chngFont()">Change font</button> </form>


When I click the button class head_class is applied to heading id "head" and even the text is change to font name entered but just momentarily. If I use alert in the function, the changes remain only till alert is on the screen. The same code works in IE forever ( The changes remain permanent. What are the settings in firefox to make the changes using javascript permanent ?

由 mahesh_chavan 於 修改

被選擇的解決方法

Your <button> might be submitting the form and causing the page to refresh. Try this to prevent form submission:

<button onclick="chngFont(); return false;">
從原來的回覆中察看解決方案 👍 1

所有回覆 (2)

more options

選擇的解決方法

Your <button> might be submitting the form and causing the page to refresh. Try this to prevent form submission:

<button onclick="chngFont(); return false;">
more options

Thank you so much jscher2000 ! Firefox reloads the page automatically and that was the problem. Now the changes remains permanent

由 mahesh_chavan 於 修改