- نوشتن متن در خروجی جاوا اسکریپت
- خانه
نوشتن متن در خروجی جاوا اسکریپت
-
جاوا اسکریپت ( JAVASCRIPT )
-
نحوه استفاده از جاوا اسکریپت در صفحات سایت
-
نوشتن متن در خروجی جاوا اسکریپت
-
کامنت گذاری در جاوا اسکریپت
-
نحوه دستور زبان جاوا اسکریپت
-
عملگرهای حسابی در جاوا اسکریپت
-
عملگر های انتساب در جاوا اسکریپت
-
عملگر های انتساب منطقی در جاوا اسکریپت
-
توابع در جاوااسکریپت ( Functions )
-
شیء ها در جاوا اسکریپت ( Objects in Javascripts )
-
انجام پذیری واکنش در جاوا اسکریپت ( Events in javascript )
-
onclick در جاوا اسکریپت ( onclick in javascript )
-
onchange در جاوا اسکریپت ( onchange in javascript )
-
onmouseover در جاوا اسکریپت ( onmouseover in javascript )
-
onmouseout در جاوا اسکریپت ( onmouseout in javascript )
-
onkeydown در جاوا اسکریپت ( onkeydown in javascript )
-
onload در جاوا اسکریپت ( onload in javascript )
-
تفاوت == و === در جاوا اسکریپت ( == , === in javascript )
-
بدست آوردن اندازه رشته در جاوا اسکریپت ( length in javascript )
-
بدست آوردن موقعیت اولین رشته یا کاراکتر در جاوا اسکریپت ( indexOf in javascript )
-
قطعه بندی کردن رشته با حرف خاص در جاوا اسکریپت ( slice in javascript )
-
جداسازی عبارت در جاوا اسکریپت ( substring in javascript )
-
جداسازی عبارت در جاوا اسکریپت ( substr in javascript )
-
تغییر دادن کاراکتر درون رشته در جاوا اسکریپت ( replace in javascript )
-
حذف فاصله ابتدا و انتها درون رشته در جاوا اسکریپت ( trim in javascript )
-
دریافت کلمه درون رشته در جاوا اسکریپت ( charAt in javascript )
-
دریافت عدد کلمه درون رشته در جاوا اسکریپت ( charCodeAt in javascript )
-
دسترسی از طریق مقدار دهی در رشته
-
split ( جداسازی در رشته )
-
عدد
-
NaN ( not a number )
-
Infinity بینهایت
-
Hexadecimal
-
تغییر پایه عددی
-
عدد به صورت شئ
-
toString تبدیل عدد به رشته
-
toExponential مقدار اعشار
-
toFixed گرد کردن با رقم اعشار
-
toPrecision نمایش عدد تا مقدار اعشار براساس مقدار دهی
-
valueOf دریافت مقدار یک متغیر یا تگ
-
parseInt تبدیل رشته به عدد صحیح
-
parseFloat تبدیل رشته به عدد اعشاری
-
Number تبدیل رشته به عدد
-
خصوصیات عددی numberic property
-
خصوصیات عددی MAX_VALUE
-
خصوصیات عددی MIN_VALUE
-
خصوصیات عددی POSITIVE_INFINITY
-
خصوصیات عددی NEGATIVE_INFINITY
-
خصوصیات عددی NaN
-
آرایه ها arrays
-
دسترسی به آیتم های آرایه ها
-
تغییر آیتم در آرایه ها
-
نمایش کل آیتم های آرایه
-
آرایه از نوع شئ object
-
طول آرایه array length
-
دسترسی به آخرین آیتم آرایه
-
اضافه کردن به آرایه push item
-
بهترین نوع ایجاد آرایه
-
تایید آرایه بودن
-
تبدیل آرایه به رشته
-
تبدیل آرایه به رشته Join
-
حذف آیتم از آرایه Pop
-
حذف آیتم اول از آرایه Shift
-
اضافه کردن آیتم به آرایه Unshift
-
حذف کردن آیتم مورد نظر در آرایه Delete
-
اضافه کردن آیتم به موقعیت دلخواه در آرایه Splice
-
بهم چسباندن آرایه ها و یا آیتم به آرایه Concat
-
حذف آیتم مورد نظر Slice
-
Array Sort
-
Array reverse
-
مرتب سازی از صعودی به نزولی Descending
-
مرتب سازی اعداد
-
Fisher Yates Method
-
پیدا کردن بزرگترین عدد
-
پیدا کردن کوچکترین عدد
-
Sorting Object Arrays
-
Array.forEach
-
Array.map
-
Array.filter
-
Array.reduce
-
Array.reduceRight
-
Array.every
-
Array.some
-
Array.indexOf
-
Array.lastIndexOf
-
Array.find
-
Array.findIndex
-
تاریخ Dates
-
نوع تاریخ Dates type
-
Parse Date
-
getFullYear()
-
getMonth()
-
getDate()
-
getHours()
-
getMinutes()
-
getSeconds()
-
getMilliseconds()
-
getTime()
-
getDay()
-
Date.now()
-
setDate()
-
setFullYear()
-
setHours()
-
setMilliseconds()
-
setMinutes()
-
setMonth()
-
setSeconds()
-
setTime()
-
عدد pi ( پی )
-
عدد E
-
SQRT2 ( جذر عدد 2 )
-
SQRT1_2 ( جذر عدد 1/2 )
-
LN2 ( ln عدد 2 )
-
LN10 ( ln عدد 10 )
-
LOG2E ( log عدد 2 )
-
Log10E ( log عدد 10 )
-
Math.round()
-
Math.ceil()
-
Math.floor()
-
Math.trunc()
-
Math.sign()
-
Math.pow()
-
Math.sqrt()
-
Math.abs()
-
Math.sin()
-
Math.cos()
-
Math.min()
-
Math.max()
-
Math.random()
-
Math.log()
-
Math.log2()
-
Math.log10()
-
Math.acos()
-
Math.acosh()
-
Math.asin()
-
Math.asinh()
-
Math.atan()
-
Math.atanh()
-
Math.cosh()
-
Math.sinh()
-
Math.tan()
-
Math.tanh()
-
Math.exp()
-
Math.cbrt()
-
Math.atan2()
-
دریافت عددی بین 0 تا 10
-
دریافت عددی بین 1 تا 10
-
تابع دریافت عدد تصادفی getRndInteger
-
Boolean
-
Comparison Operators
-
Logical Operators
-
Conditional (Ternary) Operator
-
Comparing Different Types
-
if Statement
-
switch
-
for loop
-
for in loop
-
for Of loop
-
while loop
-
do while loop
-
break
-
continue
-
انواع typeof
-
انواع constructor
-
isArray
-
isDate
-
جدول تغییر داده هاType Conversion Table
-
Bitwise Operators
-
Bitwise AND
-
Bitwise OR
-
Bitwise XOR
-
Bitwise NOT
-
Decimal to Binary تبدیل دسیمال به باینری
-
Binary to Decimal تبدیل باینری به دسیمال
-
Errors - Throw and Try to Catch
-
Throws Errors
-
finally Statement
-
Error Object
-
Range Error
-
Reference Error
-
Syntax Error
-
Type Error
-
URI (Uniform Resource Identifier) Error
-
Non-Standard Error Object Properties
-
دامنه یا محدوده scope
-
Use Strict
-
this Keyword
-
Object Method Binding
-
Explicit Function Binding
-
Arrow Function
-
Classes
-
JSON
-
JSON parse
-
JSON stringify
-
Reserved Words کلمه های رزرو شده
-
Removed Reserved Words کلمه های رزرو پاک شده
-
Objects, Properties, and Methods
-
HTML Event Handlers
-
Regular Expressions
-
Regular Expression Modifiers
-
Regular Expression Patterns
-
Regular Expression Metacharacters
-
Regular Expression Quantifiers
-
Using test()
-
Using exec()
-
search
-
ECMAScript Editions - نسخه های
-
Browser Support for ES5 (2009)
-
Browser Support for ES6 (2015)
-
Browser Support for ECMAScript 2016
-
JavaScript Form Validation
-
Constraint Validation DOM Methods - checkValidity , setCustomValidity
-
Constraint Validation DOM Properties - validity , validationMessage , willValidate
-
Class Inheritance
-
Getters and Setters
-
Class Hoisting
-
JavaScript Class Static Methods
-
ایجاد شی Using an Object Literal
-
Accessing JavaScript Properties دسترسی به آیتم های شی
-
Adding New Properties تغییر یا ایجاد آیتم جدید
-
Deleting Properties حذف آیتم از شی
-
JavaScript Object Methods
-
Object.values
-
Object.defineProperty()
-
Object Constructors
-
Object Prototypes
-
JavaScript ES5 Object Methods
-
Object.defineProperty
-
Changing Meta Data
-
Object : Listing All Properties
-
Object : Listing Enumerable Properties
-
Object : Adding a Property
-
Object : Adding Getters and Setters
-
Object : A Counter Example
-
JavaScript Function Definitions
-
The Function() Constructor
-
Self-Invoking Functions
-
Function arguments.length
-
Function toString
-
Arrow Functions
-
Function Parameters and Arguments
-
Function The Arguments Object
-
The JavaScript call() Method
-
JavaScript Function Apply
-
JavaScript Closures
-
JavaScript Callbacks
-
Asynchronous JavaScript
-
JavaScript Promises
-
JavaScript Async
-
JavaScript Await
-
The Window Object
-
Window Size
-
window.open()
-
window.close()
-
window.moveTo()
-
window.resizeTo()
-
Window Screen Width
-
Window Screen Height
-
Window Screen Available Width
-
Window Screen Available Height
-
Window Screen Color Depth
-
Window Screen Pixel Depth
-
Window Location Href
-
Window Location Hostname
-
Window Location Pathname
-
Window Location Protocol
-
Window Location Pathname
-
Window Location Assign
-
Window History Back
-
Window History Forward
-
Browser Application Name
-
Browser Application Code Name
-
The Browser Engine
-
The Browser Version
-
The Browser Agent
-
The Browser Platform
-
The Browser Language
-
The Browser Online
-
Is Java Enabled?
-
Alert Box
-
Confirm Box
-
Prompt Box
-
The setTimeout() Method
-
The setInterval() Method
-
The clearTimeout() Method
-
The clearInterval() Method
-
Create a Cookie with JavaScript
-
Read a Cookie with JavaScript
-
Change a Cookie with JavaScript
-
Delete a Cookie with JavaScript
-
set get check cookie
-
ajax
-
ajax XMLHttpRequest
-
ajax XMLHttpRequest Object Methods
-
ajax XMLHttpRequest Object Properties
-
ajax example
-
Web APIs - Introduction
-
go()
-
The sessionStorage Object
-
The sessionStorage Object
-
A Fetch API Example
-
Web Geolocation API location
-
The getCurrentPosition() Method - Return Data
-
Geolocation Object - Other interesting Methods - watchPosition - clearWatch
-
JavaScript HTML DOM Node Lists
-
JavaScript HTML DOM Collections
-
createElement
-
insertBefore
-
Removing Existing HTML Elements
-
Removing a Child Node
-
Replacing HTML Elements
-
The nodeType Property
-
The nodeName Property
-
DOM Root Nodes
-
The addEventListener() method
-
Add an Event Handler to the window Object
-
Event Bubbling or Event Capturing?
-
The removeEventListener() method
-
JavaScript HTML DOM Events
-
HTML Event Attributes
-
Assign Events Using the HTML DOM
-
The onload and onunload Events
-
The onchange Event
-
The onmousedown and the onmouseup Event
-
The onfocus Event
-
The onmouseover and the onmouseout Event
-
JavaScript HTML DOM - Changing CSS
-
Changing HTML Content innerHTML
-
Changing the Value of an Attribute
-
Finding HTML Element by Id
-
Finding HTML Elements by Tag Name
-
Finding HTML Elements by Class Name
-
Finding HTML Elements by CSS Selectors
-
Finding HTML Elements by HTML Object Collections
-
Finding HTML Elements
-
Changing HTML Elements
-
Adding and Deleting Elements
-
Adding Events Handlers
-
Finding HTML Objects
نوشتن متن در خروجی جاوا اسکریپت
نویسنده : ناردانا
تاریخ : 1399-08-14
برای چاپ و یا نوشتن مقدار عددی و یا رشته ای خود درون تگ های صفحات سایت ( html ) میتوان از کد های زیر استفاده کرد :
۱- استفاده از کد innerHTML
۲- استفاده از کد document.write
۳- استفاده از پنچره های پاپ آپ alert
۴- استفاده از کنسول های مرورگر ها
۱- استفاده از کد innerHTML
از این قطعه کد میتوان زمانی بکار برد که میخواهیم در تگ های دلخواه html مقداری را چاپ و یا نمایش دهیم
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<span id="nardana">
</span>
<script>
document.getElementById("nardana").innerHTML = "nardana";
</script>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<span id="nardana">
</span>
<script>
document.getElementById("nardana").innerHTML = "nardana";
</script>
</body>
</html>
در قطعه کد بالا از کد document.getElementById برای دریافت تگ با ایدی دلخواه استفاده میکنیم و توسط innerHTML درون متغیر اخذ شده مقدار دلخواه خود را وارد میکنیم
۲- استفاده از کد document.write
هدف از استفاده از این نوع قطعه کد بیشتر برای تست می باشد
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<span id="nardana">
Nardana
</span>
<script>
document.write("nardana");
</script>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<span id="nardana">
Nardana
</span>
<script>
document.write("nardana");
</script>
</body>
</html>
قطعه کد document.write میاد زیر تگ span مقدار وارد شده را چاپ میکند
۳- استفاده از پنچره های پاپ آپ alert
از این نوع قطعه کد برای نمایش پنجره پاپ آپ در مرورگر استفاده میشود
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
alert("nardana");
</script>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<script>
alert("nardana");
</script>
</body>
</html>
۴- استفاده از کنسول های مرورگر ها
از این نوع قطعه کد برای زمانی استفاده میشود که در هنگام دیباگ و در قسمت کنسول inspect مروگر خود می باشیم
console.log("nardana");
برای استفاده از قطعه کد بالا ابتدا باید وارد محیط inspect مرورگر خود شویم به این صورت که در هرجای صفحه سایت باید راست کلیک کرده و قسمت inspect را کلیک کرده و از منوهای پنجره وارد شده وارد console میشویم و قطعه کد بالا را در آن وارد میکنیم.
تماس
تماس با ما