میلاد
3 سال پیش توسط میلاد مطرح شد
3 پاسخ

عدم اجرا شدن کدهای فایل js در فایل html

سلام من چند روزی است که به یک مشکل برخورده ام که بین فایل های جاوااسکریپت و html ارتباط برقرار نمیشه ولی اگر کد های جاوااسکریپت رو داخل فایل html بنویسم اجرا می شود ولی به صورت فایل جداگانه بنویسم اجرا نمی شود مثلا کد زیر را ببنید:

<body>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = "Salam Khobi?";
</script>

</body>

ولی به صورت فایل جدا این کد اجرا نمیشود(البته کدهای alertو console.log اجرا میشود ولی کدهایی که بین html و js ارتباط برقرار می کند اجرا نمیشود ) در ضمن src رو درست وارد میکنم
لطفا راهنمایی نمایید با تشکر


ثبت پرسش جدید
محمد
تخصص : Laravel
@mprogrammer7 3 سال پیش آپدیت شد
-2

سلام
فایل های جاوا اسکریپتی رو قبل از بسته شدن body فراخونی کنید نه هدر

<body>

<p id="test"></p>

<script src="script.js"></script>
</body>

</body>


امیر علی
تخصص : طراح و توسعه دهنده fullstack
@ajdar9667 3 سال پیش مطرح شد
0

با سلام خدمت شما با توجه به اینکه کد ها خط به خط اجرا میشن خب به نظر سما وقتی میگید #test رو برام داخلش رو تغییر بده به نظره خودت وقتی هنوز چنین عنصری به وجود نیومده چجوری اون رو تغییر بده؟؟ برای این کار دو راه داریم اول اینکه کدهای جاوا اسکریپت رو بعد از اون p فراخونی کنیم راه دوم از رویداد onload استفاده کنیم این رویداد بعد از اینکه کله صفحه لود شد کدهای جاوااسکریپت مد نظر رو انجام میده

<body onload="myFunction()">

sinaQ
تخصص : magican
@sinaQasemi 3 سال پیش مطرح شد
0
<body>

<p id="test"></p>
 <button onclick="foofunction()">proceed</button>
<script>
function foofunction(){
document.getElementById("test").innerHTML = "yasashin";
}
</script>

</body>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام