عدم اجرا شدن کدهای فایل js در فایل html
سلام من چند روزی است که به یک مشکل برخورده ام که بین فایل های جاوااسکریپت و html ارتباط برقرار نمیشه ولی اگر کد های جاوااسکریپت رو داخل فایل html بنویسم اجرا می شود ولی به صورت فایل جداگانه بنویسم اجرا نمی شود مثلا کد زیر را ببنید:
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "Salam Khobi?";
</script>
</body>
ولی به صورت فایل جدا این کد اجرا نمیشود(البته کدهای alertو console.log اجرا میشود ولی کدهایی که بین html و js ارتباط برقرار می کند اجرا نمیشود ) در ضمن src رو درست وارد میکنم
لطفا راهنمایی نمایید با تشکر
پاسخها
3
سلام
فایل های جاوا اسکریپتی رو قبل از بسته شدن body فراخونی کنید نه هدر
<body>
<p id="test"></p>
<script src="script.js"></script>
</body></body>
با سلام خدمت شما با توجه به اینکه کد ها خط به خط اجرا میشن خب به نظر سما وقتی میگید #test رو برام داخلش رو تغییر بده به نظره خودت وقتی هنوز چنین عنصری به وجود نیومده چجوری اون رو تغییر بده؟؟ برای این کار دو راه داریم اول اینکه کدهای جاوا اسکریپت رو بعد از اون p فراخونی کنیم راه دوم از رویداد onload استفاده کنیم این رویداد بعد از اینکه کله صفحه لود شد کدهای جاوااسکریپت مد نظر رو انجام میده
<body onload="myFunction()">گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
<body>
<p id="test"></p>
<button onclick="foofunction()">proceed</button>
<script>
function foofunction(){
document.getElementById("test").innerHTML = "yasashin";
}
</script>
</body>