1 ضمیمه
عدم شناسایی جاوا اسکریپت توسط ویژوال استادیو
سلام
وقت همگی بخیر
من میخوام جاوا اسکریپت رو هم یاد بگیرم با ویژوال استادیو 2019 (سی شارپ بلدم و میخوام فراند اند رو هم با همین ویژوال بنویسم)
دستورات alert رو برام اجرا میکنه ولی دستور زیر رو خطا میده و اجرا نمی کنه؟؟؟؟؟
از لحاظ دستوری درست نوشتم (چون دقیقا مثال استاد درس بود)
ولی مرورگر کروم(اخرین ورژن هست)خطا میده
دستور سی شارپ :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>java script</title>
<script src="JavaScript.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="main">
<h1 id="title" class="titr2">salam javascript</h1>
<ul>
<li class="itemli">item1</li>
<li class="itemli">item2</li>
<li class="itemli">item3</li>
<li class="itemli">item4</li>
<li class="itemli">item5</li>
</ul>
</div>
</form>
</body>
</html>
دستور جاوا اسکریپت
[JAVA]
console.log(document.querySelector('.itemli').inne rHTML)
خطا :
ضمیمه 153805
ممنون میشم راهنمایی بفرمایید
نقل قول: عدم شناسایی جاوا اسکریپت توسط ویژوال استادیو
سلام و روز خوش
کدی که گذاشتین هیچ مشکلی نداره :
console.log(document.querySelector('.itemli').inne rHTML);
ولی اون پیغام خطا نشون میده که کلاس itemli رو پیدا نکرده در نتیجه حاصل querySelector برابر null میشه و بالطبع innerHTML خطا میده.
با دقت چک کنین که اسم ها دقیقا درست باشه.
نقل قول: عدم شناسایی جاوا اسکریپت توسط ویژوال استادیو
سلام
<script src="JavaScript.js"></script>
این رو بذار بعد از تگ بسته شدن Body یعنی اینجا :
</body>
نقل قول: عدم شناسایی جاوا اسکریپت توسط ویژوال استادیو
سلام
خودتون رو جای مرورگر بذارید:
- فایل html شما رو باز میکنه
- میرسه به تگ script و فایل javascript رو اجرا میکنه
- تگ با کلاس itemli پیدا نمیکنه چون هنوز به قسمتی از html نرسیده که اون تگ ساخته میشه
- ارور میده ولی پردازش html رو ادامه میده
- تگها رو میسازه و شما صفحه رو میبینید
برای این که مشکل حل بشه دوتا راه ساده دارین:
- تگ script رو آخر صفحه بذارین (اما داخل body باشه یعنی قبل از نوشتن </body>)
- توی فایل js اون خط از کدتون رو داخل document.onload بذارین که بعد از بارگذاری کامل صفحه، اجرا بشه
document.onload = function() {console.log(document.querySelector('.itemli').inn erHTML)}