เอกสาร

    Table of Content
    • รูปแบบไฟล์ 3 มิติ
      • รูปแบบไฟล์ 3D
      • 3D2
      • 3DM
      • 3DS
      • 3MF
      • AMF
      • ASE
      • B3D
      • DAE
      • DBM
      • DRC
      • E57
      • FBX
      • GLB
      • GLTF
      • IPT
      • JT
      • MA
      • MB
      • MP
      • OBJ
      • PLY
      • PRC
      • RVM
      • STEP
      • STP
      • U3D
      • USD
      • USDZ
      • VRML
      • X
      • X3D
    • รูปแบบไฟล์เสียง
      • รูปแบบไฟล์เสียง
      • 8SVX
      • AA
      • AAC
      • AAX
      • AC3
      • ACT
      • AIFF
      • ALAC
      • AMR
      • APE
      • CDA
      • DSS
      • FLAC
      • GSM
      • M3U
      • M3U8
      • M4A
      • M4B
      • M4P
      • MID
      • MKA
      • MMF
      • MOD
      • MP2
      • MP3
      • MPC
      • MXL
      • NSA
      • OGG
      • OPUS
      • RA
      • RF64
      • SDT
      • STAP
      • VOC
      • VOX
      • VQF
      • WAV
      • WEBA
      • WFP
      • WMA
      • WPL
      • WV
    • รูปแบบไฟล์ CAD
      • รูปแบบไฟล์ CAD
      • ART
      • ASC
      • ASM
      • CATPART
      • CF2
      • DC3
      • DGN
      • DST
      • DWF
      • DWFX
      • DWG
      • DWT
      • DXF
      • FZP
      • HPGL
      • IFC
      • IGES
      • IGS
      • JVSG
      • NC
      • NWC
      • NWD
      • NWF
      • PAT
      • PHJ
      • PLT
      • PSM
      • PSS
      • RFA
      • RFT
      • RML
      • RVT
      • SLDPRT
      • STL
    • รูปแบบไฟล์บีบอัด
      • รูปแบบไฟล์บีบอัด
      • 7Z
      • ACE
      • ALZ
      • APK
      • ARC
      • ARJ
      • B1
      • B6Z
      • BKF
      • BNDL
      • BZ2
      • DAA
      • DAR
      • DEB
      • DMG
      • DZ
      • ECS
      • FZPZ
      • GZ
      • GZIP
      • ICE
      • ISO
      • KGB
      • LBR
      • LQR
      • LZ
      • LZ4
      • LZH
      • LZMA
      • LZO
      • LZX
      • MBW
      • MINT
      • MPKG
      • MPQ
      • NPK
      • OAR
      • PAGES
      • PEA
      • PET
      • PF
      • PKG
      • PTK
      • PUP
      • RAR
      • RPM
      • RTE
      • S00
      • SIFZ
      • SIT
      • SITX
      • SY_
      • TAR
      • TBZ
      • TGS
      • TGZ
      • TPSR
      • TZ
      • VPK
      • WHL
      • WUX
      • XAPK
      • XAR
      • XPI
      • XZ
      • Z
      • ZIM
      • ZIP
      • ZIPX
      • ZL
    • ฐานข้อมูล
      • รูปแบบไฟล์ฐานข้อมูล
      • 4DB
      • 4DD
      • ACCDB
      • ACCDC
      • ACCDE
      • ACCDR
      • ACCDT
      • ACCDW
      • ACCFT
      • ADB
      • ADE
      • ADF
      • ADN
      • ADP
      • ALF
      • ANB
      • AQ
      • ASK
      • BAK
      • BCP
      • BTR
      • CDB
      • DACPAC
      • DAT
      • DB
      • DB3
      • DBC
      • DBF
      • DDL
      • DTSX
      • FMP12
      • FMPSL
      • FP5
      • FP7
      • GDB
      • ITW
      • LDF
      • LOG
      • MDB
      • MDF
      • MYI
      • NDF
      • NSF
      • SAV
      • SDF
      • SQL
      • SQLITE
      • TE
      • TRC
      • TRM
      • UDL
      • WDB
    • ดิสก์และสื่อ
      • รูปแบบดิสก์และไฟล์มีเดีย
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • NKIT
      • NRG
      • OVA
      • OVF
      • ROM
      • SDI
      • Toast
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • รูปแบบไฟล์ EBook
      • รูปแบบไฟล์ EBook
      • ACSM
      • AEP
      • APNX
      • AVA
      • AZW
      • AZW1
      • AZW3
      • AZW4
      • BKK
      • BPNUEB
      • CBC
      • CBR
      • CBZ
      • CEB
      • CEBX
      • DNL
      • EA
      • EAL
      • EBK
      • EDN
      • EPUB
      • ETD
      • FB2
      • FKB
      • HAN
      • HTML0
      • HTMLZ
      • HTXT
      • HTZ4
      • HTZ5
      • IBOOKS
      • KFX
      • KOOB
      • LIT
      • LRF
      • LRS
      • LRX
      • MART
      • MBP
      • MOBI
      • NCX
      • NVA
      • OEB
      • OEBZIP
      • OPF
      • ORB
      • PHL
      • PML
      • PMLZ
      • POBI
      • QMK
      • RB
      • RZB
      • RZS
      • SNB
      • TCR
      • TK3
      • TPZ
      • TR
      • TR3
      • VBK
      • WEBZ
      • YBK
    • รูปแบบไฟล์อีเมล
      • รูปแบบไฟล์อีเมล
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • ดำเนินการได้
      • รูปแบบไฟล์ที่ปฏิบัติการได้
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • การเงิน
      • รูปแบบไฟล์การเงิน
      • ABA
      • IXBRL
      • XBRL
    • แบบอักษร
      • รูปแบบไฟล์ฟอนต์
      • BDF
      • CFF
      • CFF2
      • EOT
      • FNT
      • FON
      • JFPROJ
      • MFX
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • Type1
      • WOFF
    • รูปแบบไฟล์เกม
      • รูปแบบไฟล์เกม
      • BMZ
      • BNS
      • CLIP
      • CON
      • CSD
      • CT
      • DEK
      • FOMOD
      • GAM
      • KODU
      • MCWORLD
      • MGX
      • PAK
      • PCC
      • PSS
      • PUP
      • PWF
      • REL
      • REP
      • RPX
      • SAV
      • SFAR
      • SID
      • U8
      • UMX
      • W3N
    • รูปแบบไฟล์ GIS
      • รูปแบบไฟล์ GIS
      • 000
      • 3D
      • 3DD
      • ADF
      • APL
      • APR
      • ATX
      • AUX
      • DEM
      • DIV
      • DLG
      • E00
      • ETA
      • FIT
      • GeoJSON
      • GLB
      • GMAP
      • GML
      • GPKG
      • GPX
      • IMG
      • KML
      • KMZ
      • LOC
      • MPS
      • NM2
      • NTF
      • OSM
      • QGD
      • QGS
      • QGZ
      • QLR
      • QML
      • SBN
      • SHP
      • SHX
      • SP3
      • SSF
      • TCX
    • รูปแบบไฟล์รูปภาพ
      • รูปแบบไฟล์ภาพ
      • AI
      • APNG
      • ART
      • AVIF
      • BMP
      • BPG
      • CDR
      • CLIP
      • CMX
      • CPC
      • CR2
      • CR3
      • CSL
      • CT
      • CUR
      • DCM
      • DCR
      • DCX
      • DDS
      • DIB
      • DICOM
      • DJVU
      • DNG
      • ECW
      • EMF
      • EMZ
      • EXIF
      • FLIF
      • FODG
      • GBR
      • GIF
      • HDR
      • HEIC
      • HEIF
      • ICNS
      • ICO
      • J2C
      • J2K
      • JFIF
      • JP2
      • JPC
      • JPEG
      • JPF
      • JPM
      • JPX
      • JXR
      • MNG
      • MP
      • MPO
      • NEF
      • ODG
      • OTG
      • PCT
      • PCX
      • PICT
      • PNG
      • PPP
      • PSB
      • PSD
      • PSP
      • PSPIMAGE
      • SKP
      • SVGZ
      • TGA
      • THM
      • TIFF
      • WEBP
      • WMF
      • WMZ
      • XPM
      • XPR
    • รูปแบบไฟล์อื่น ๆ
      • รูปแบบไฟล์เบ็ดเตล็ด
      • AML
      • ART
      • BUP
      • CMS
      • CTG
      • DAP
      • ENL
      • ERR
      • GPG
      • H4
      • H5
      • ICA
      • KLQ
      • LOCK
      • LRC
      • MD5
      • MSO
      • OBB
      • ODF
      • OGG
      • PES
      • RIS
      • RML
      • SSP
      • THM
      • TORRENT
      • VIM
      • VIMRC
      • XMP
      • XSMX
    • หมายเหตุการรูปแบบไฟล์
      • การจดบันทึกรูปแบบไฟล์
      • ONE
      • ONETOC2
    • ภาษาคำอธิบายหน้า
      • คำอธิบายหน้าภาษา
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • ไฟล์ PDF
      • PDF
      • FDF
      • PDF/A
      • PDF/E
      • PDF/UA
      • PDF/VT
      • PDF/X
      • XFDF
    • รูปแบบไฟล์งานนำเสนอ
      • รูปแบบไฟล์นำเสนอ
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • การเขียนโปรแกรม
      • การเขียนโปรแกรม
      • ABC
      • ACD
      • ADDIN
      • ADS
      • AGI
      • AIA
      • AIDL
      • ALB
      • AML
      • ANE
      • APA
      • APKS
      • APPX
      • APPXBUNDLE
      • APPXUPLOAD
      • APS
      • ARSC
      • AS
      • AS2PROJ
      • AS3PROJ
      • ASC
      • ASI
      • ASM
      • ASVF
      • AU3
      • AWK
      • C
      • CD
      • Class
      • CMAKE
      • CONFIG
      • CPP
      • CS
      • CSPROJ
      • CXX
      • Dart
      • DIFF
      • EGG
      • ERB
      • EX
      • G4
      • GO
      • GROOVY
      • H
      • HAML
      • HH
      • HS
      • HTA
      • ICI
      • IN
      • INC
      • IPR
      • JAR
      • Java
      • JRXML
      • JSP
      • JSPF
      • KT
      • LGO
      • LUA
      • M
      • MAKE
      • MEL
      • MF
      • ML
      • MM
      • MRC
      • MSIX
      • NUPKG
      • NUT
      • PAS
      • PDB
      • PDE
      • PHP
      • PL
      • PY
      • PYD
      • PYI
      • PYM
      • PYW
      • PYX
      • R
      • RBXL
      • RBXM
      • RES
      • RS
      • RST
      • SCALA
      • SCM
      • SCRIPT
      • SH
      • SLN
      • SWIFT
      • TCL
      • TOML
      • TS
      • UNITY
      • VB
      • VBPROJ
      • VBS
      • VCXPROJ
      • XSD
      • YAML
      • YML
      • YPR
    • รูปแบบไฟล์การจัดการโครงการ
      • รูปแบบไฟล์การจัดการโครงการ
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • รูปแบบไฟล์ของผู้เผยแพร่
      • รูปแบบไฟล์ของผู้จัดพิมพ์
      • PUB
      • PUZ
    • การรายงาน
      • การรายงานรูปแบบไฟล์
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • รูปแบบไฟล์สเปรดชีต
      • รูปแบบไฟล์สเปรดชีต
      • 123
      • 12M
      • _XLS
      • _XLSX
      • AST
      • AWS
      • BKS
      • CELL
      • CSV
      • CTS
      • DEF
      • DEX
      • DFG
      • DIF
      • DIS
      • EFU
      • ESS
      • FCS
      • FM
      • FODS
      • FP
      • GNM
      • GNUMERIC
      • IMP
      • MAR
      • NB
      • NUMBERS
      • NUMBERS-TEF
      • ODS
      • OTS
      • PMD
      • PMDX
      • PMVX
      • SDC
      • STC
      • SXC
      • TMV
      • TMVT
      • TSV
      • XAR
      • XL
      • XLA
      • XLAM
      • XLM
      • XLR
      • XLS
      • XLSB
      • XLSM
      • XLSMHTML
      • XLSX
      • XLT
      • XLTHTML
      • XLTM
      • XLTX
    • รูปแบบไฟล์ระบบ
      • รูปแบบไฟล์ระบบ
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • รูปแบบไฟล์วิดีโอ
      • รูปแบบไฟล์วิดีโอ
      • 3G2
      • 3GP
      • AMV
      • ARF
      • ASF
      • AVCHD
      • AVI
      • BIK
      • DAV
      • EXO
      • F4V
      • FLV
      • H264
      • H265
      • IDX
      • IFO
      • M2TS
      • M4S
      • M4V
      • MJPEG
      • MK3D
      • MKS
      • MKV
      • MOV
      • MP4
      • MPE
      • MPG
      • MPV
      • MTS
      • MXF
      • NSV
      • PZ
      • QT
      • RM
      • RMVB
      • RV
      • SEC
      • SRT
      • TS
      • VID
      • VOB
      • VP6
      • VP8
      • VP9
      • VTT
      • WEBM
      • WMV
      • XVID
    • รูปแบบไฟล์ Visio
      • รูปแบบไฟล์ Visio
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    • รูปแบบไฟล์เว็บ
      • รูปแบบไฟล์เว็บ
      • A4P
      • A5W
      • AAE
      • ADR
      • AEX
      • ALX
      • AN
      • AP
      • APKG
      • APPCACHE
      • ARO
      • ASA
      • ASAX
      • ASCX
      • ASHX
      • ASMX
      • ASP
      • ASPX
      • ASR
      • ATOM
      • ATT
      • AWM
      • BML
      • BOK
      • BR
      • BWP
      • CDF
      • CER
      • CFM
      • CFML
      • CHA
      • CHAT
      • CHM
      • CMS
      • CODASITE
      • CON
      • CRDOWNLOAD
      • CRL
      • CRT
      • CSHTML
      • CSP
      • CSR
      • CSS
      • DAP
      • DBM
      • DCR
      • DER
      • DHTML
      • DISCO
      • DISCOMAP
      • DML
      • DO
      • DOCHTML
      • DOCMHTML
      • DOTHTML
      • DOWNLOAD
      • DRAWIO
      • DWT
      • ECE
      • EDGE
      • EPIBRW
      • ESPROJ
      • EWP
      • FCGI
      • FMP
      • FREEWAY
      • FWP
      • FWTEMPLATE
      • FWTEMPLATEB
      • GDOC
      • GDOCX
      • GNE
      • GSP
      • HAR
      • HDM
      • HDML
      • HTACCESS
      • HTC
      • HTM
      • HTML
      • HTX
      • HXS
      • HYPE
      • JHTML
      • JNLP
      • JS
      • JSON
      • JSPA
      • KEY
      • KIT
      • LESS
      • MHT
      • MHTML
      • MJS
      • OBML
      • OBML15
      • OBML16
      • P7B
      • P7C
      • PAC
      • PART
      • PEM
      • PRO
      • RHTML
      • RJS
      • RSS
      • Sass
      • SCSS
      • SHTML
      • SPC
      • SSP
      • STC
      • STML
      • TPL
      • TS
      • URL
      • VDW
      • VRT
      • WBS
      • WEBBOOKMARK
      • WEBLOC
      • WEBSITE
      • WHTT
      • WSDL
      • XAML
      • XD
      • XHT
      • XHTML
      • XML
      • XOJ
      • XOML
      • XSLT
      • XUL
      • ZUL
    • รูปแบบไฟล์ประมวลผลคำ
      • รูปแบบไฟล์ประมวลผลคำ
      • ASD
      • DOC
      • DOCM
      • DOCX
      • DOT
      • DOTM
      • DOTX
      • DSC
      • FAQ
      • FODT
      • IPYNB
      • LATEX
      • LTX
      • MAN
      • MD
      • ODM
      • ODT
      • OTT
      • QBL
      • QPF
      • RTF
      • TXT
      • WPD
      • WPS
    1. บ้าน
    2. รูปแบบไฟล์เว็บ
    3. JS

    What's on this Page

      • ไฟล์ JS คืออะไร??
      • ประวัติย่อ
      • วิธีใช้ไฟล์ JS
      • ไวยากรณ์ JS
      • ตัวอย่างการใช้งาน JS
        • เอกสาร HTML
        • รหัส JS
      • อ้างอิง

    ไฟล์ JS คืออะไร??

    JS (JavaScript) คือไฟล์ที่มีโค้ด JavaScript สำหรับดำเนินการบนหน้าเว็บ ไฟล์ JavaScript ถูกจัดเก็บด้วยนามสกุล .js ภายในเอกสาร HTML คุณสามารถฝังโค้ด JavaScript โดยใช้ปุ่ม \ </script> แท็กหรือรวมไฟล์ JS คล้ายกับไฟล์ CSS ไฟล์ JS สามารถรวมไว้ในเอกสาร HTML หลายฉบับเพื่อให้โค้ดกลับมาใช้ใหม่ได้ JavaScript สามารถใช้เพื่อจัดการ HTML DOM

    ประวัติย่อ

    JavaScript จัดส่งครั้งแรกโดยเป็นส่วนหนึ่งของ Navigator Browser ในเดือนกันยายน พ.ศ. 2538 โดยใช้ชื่อ LiveScript โดย Netscape มันถูกเปลี่ยนชื่อเป็น JavaScript ในสามเดือนต่อมา ในปี 1996 Microsoft ได้ทำการวิศวกรรมย้อนกลับของ Navigator เพื่อสร้าง JScript JScript เปิดตัวพร้อมกับ Internet Explorer และแตกต่างจาก JavaScript อย่างมาก

    Netscape ส่ง JavaScript ไปยัง ECMA International ซึ่งนำไปสู่การเปิดตัวข้อกำหนด ECMAScript ตัวแรกอย่างเป็นทางการในปี 1997 ECMAScript 2 เปิดตัวในปี 1998 ECMAScript 3 ในปี 1999 และการทำงานบน ECMAScript 4 เริ่มในปี 2000 แต่ยังไม่บรรลุผล

    Jesse James Garrett ในปี 2548 ได้ออกเอกสารไวท์เปเปอร์ซึ่งเขาได้บัญญัติคำว่า Ajax สิ่งนี้ใช้ JavaScript เป็นแกนหลักในการสร้างเว็บแอปพลิเคชันที่โหลดข้อมูลในพื้นหลังและหลีกเลี่ยงการโหลดซ้ำทั้งหน้า ส่งผลให้มีการสร้างไลบรารีเช่น JQuery, Prototype, Dojo เป็นต้น

    Google เปิดตัวเบราว์เซอร์ Chrome พร้อมเอ็นจิ้น V8 JavaScript ในปี 2008 ในช่วงต้นปี 2009 มีการทำข้อตกลงเพื่อรวมงานที่เกี่ยวข้องทั้งหมดและขับเคลื่อน JavaScript ไปข้างหน้า ส่งผลให้มีการเปิดตัวมาตรฐาน ECMAScript 5 ในเดือนธันวาคม 2552

    วิธีใช้ไฟล์ JS

    หากต้องการใช้ไฟล์ JS ให้รวมไว้ในเอกสาร HTML คุณใช้แท็กลิงก์เพื่อรวมไฟล์ที่แสดงด้านล่าง

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

    แอตทริบิวต์ src ของแท็ก script มีพาธไปยังไฟล์ JS เมื่อทำเช่นนี้ ฟังก์ชัน JS จะถูกเพิ่มลงในเอกสาร HTML

    ไวยากรณ์ JS

    ไฟล์ JavaScript สามารถมีตัวแปร ตัวดำเนินการ ฟังก์ชัน เงื่อนไข ลูป อาร์เรย์ ออบเจกต์ ฯลฯ ด้านล่างเป็นภาพรวมโดยย่อของไวยากรณ์ของ JavaScript

    • แต่ละคำสั่งลงท้ายด้วยเครื่องหมายอัฒภาค (;)
    • ใช้คีย์เวิร์ด var เพื่อประกาศตัวแปร
    • รองรับตัวดำเนินการทางคณิตศาสตร์ ( + - * / ) เพื่อคำนวณค่า
    • ความคิดเห็นบรรทัดเดียวถูกเพิ่มด้วย // และความคิดเห็นหลายบรรทัดล้อมรอบด้วย /* และ */
    • ตัวระบุทั้งหมดคำนึงถึงขนาดตัวพิมพ์ เช่น modelNo และ modelno เป็นสองตัวแปรที่แตกต่างกัน
    • ฟังก์ชันถูกกำหนดโดยใช้คีย์เวิร์ด function
    • อาร์เรย์สามารถกำหนดได้โดยใช้วงเล็บเหลี่ยม []
    • JS รองรับตัวดำเนินการเปรียบเทียบเช่น ==, != , >=, !== เป็นต้น
    • คลาสสามารถกำหนดได้โดยใช้คีย์เวิร์ด คลาส

    ตัวอย่างการใช้งาน JS

    ต่อไปนี้เป็นไฟล์ JavaScript ตัวอย่างการใช้งานอย่างง่าย

    เอกสาร HTML

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>JS Test</title>
        <script src="main.js"></script>
    </head>
    
    <body>
        <div class="content-wrapper">
            <h1 id="heading">Test document for JS testing</h1>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium officia similique illum magni explicabo,
                tempore neque nulla laborum voluptas sint molestias libero et corporis omnis asperiores incidunt,
                perferendis
                sed aut!</p>
    
                <button type="button" onclick="showAlert()">Show Alert</button>
                <button type="button" onclick="updateHeading()">Update Heading</button>
        </div>
    </body>
    
    </html>
    

    รหัส JS

    function showAlert() {
        alert("Alert from JS file");
    }
    
    function updateHeading() {
        document.getElementById('heading').innerHTML = 'Heading changed with JS';
    }
    

    อ้างอิง

    • JS - Wikipedia

    See Also

    • รูปแบบไฟล์ F4V,
    • รูปแบบไฟล์ JSON - ไฟล์ JSON คืออะไร,
    • รูปแบบไฟล์ KT,
    • รูปแบบไฟล์ RM,
    • รูปแบบไฟล์ RV,
     
     ไทย
    Close
     English
     Deutsch
     日本
     中文
     русский
     Français
     한국인
     Español
     Italiano
     Nederlands
     हिन्दी
     Indonesian
     Português
     عربي
     Türkçe
     Ελληνικά
     עִברִית
     Svenska
     українська
     Tiếng Việt
     български
     Magyar
     čeština
     Română
     Polski