آموزش برنامه نویسی وب و مهارتهای مرتبط
پنجشنبه ۰۴ اردیبهشت ۱۴۰۴
Thursday, April 24, 2025 GMT +3:30
Thursday, April 24, 2025 GMT +3:30
دسته بندی
دسترسی سریع
توابع (Functions) در جاوا اسکریپت (JavaScript)
در اغلب زبان های برنامه نویسی توابع (Functions) نقش کلیدی در پیش برد اهداف برنامه نویس و تسهیل روند کدنویسی دارند، توابع مانند ماشین هایی هستند که هر بار با توجه به مواد اولیه ورودی خروجی متفاوتی تولید می کنند، خوشبختانه اصول کلی این مبحث در جاوا اسکریپت (JavaScript) شباهت زیادی به دیگر زبان خانواده برنامه نویسی وب یعنی PHP دارد، این موضوع باعث می شود کاربرانی که دوره جاوا اسکریپت را پشت سر می گذارند با فهم این مبحث در PHP نیز مشکلی نداشته باشند یا در حالت برعکس اگر با PHP آشنا باشیم به راحتی بخش توابع در جاوا اسکریپت را فرا خواهیم گرفت هر چند بهتر است ابتدا زبان های سمت کاربر را یاد بگیریم و سپس به بررسی برنامه نویسی سمت سرور بپردازیم، به هر صورت در ادامه آموزش های مقدماتی جاوا اسکریپت این بار به سراغ بحث توابع رفته ایم.
تابع چیست و چه کاربردی دارد؟
اولین سوالی که ممکن است به ذهنمان برسد این است که اصلا تابع چیست و چه کاربردی دارد؟!
پاسخ این است که در برنامه نویسی توابع یا Functions شبیه ماشین ها در دنیای واقعی هستند که با دستورالعمل ثابت هر بار با توجه به ورودی دریافتی خروجی متفاوتی تولید می کنند، توابع با این هدف در زبان های برنامه نویسی معرفی شده اند تا از چندبارنویسی عملیات های مشابه جلوگیری شود، به طور مثال نرم افزار نصب شده بر روی دستگاه چاپ را در دنیای واقعی تصور کنیم اگر بخواهیم 100 برگ کاغذ را با نوشته های مختلف بدون کمک نرم افزار و به صورت تنظیمات دستی پرینت کنیم قاعدتا زمان بسیار زیادی از ما خواهد گرفت، اما کافی است یک بار برای سخت افزار دستگاه برنامه بنویسیم و هر بار با توجه به تنظیمات مدنظرمان به هر تعداد که می خواهیم خروجی بگیریم، عملکرد توابع در دنیای برنامه نویسی هم بی شباهت به این مثال نیست، در برنامه نویسی شرایطی پیش می آید که یک روند به تعداد خیلی زیاد ممکن است تکرار شود، به طور مثال تنظیم فونت دلخواه در صفحات مختلف، اگر بخواهیم هر بار تمام جزئیات را مورد به مورد برای هر صفحه بنویسیم علاوه بر اینکه این کار وقت زیادی از ما می گیرد باعث افزایش ضریب خطا و حجم کلی کدنویسی صفحات خواهد شد، از این رو روش بهتر و حرفه ای تر آن است که یک بار الگویی را به شکل تابع بنویسیم و هر بار با ورودی های متفاوت (یا مشابه) خروجی مدنظرمان را دریافت کنیم.
شیوه نگارش (Syntax) توابع در جاوا اسکریپت
توابع در جاوا اسکریپت (JavaScript) با عبارت function تعریف و معمولا پارامترهایی به عنوان آرگیومنت (Argument) می پذیرند، آرگیومنت به زبان ساده یعنی همان ورودی هایی که به تابع داده می شود و می تواند از نوع عدد، رشته، آرایه، تابع و... باشد، مثال زیر Syntax صحیح نحوه تعریف یک تابع ساده را در جاوا اسکریپت نشان می دهد:
<script>
function userInfo(u, c){
var user = 'your username: ' + u + '<br>';
var country = 'your country: ' + c + '<br>';
var output = user + country;
return output;
}
document.write(userInfo('admin', 'Iran'));
</script>- برای تعریف تابع در جاوا اسکریپت از عبارت function استفاده می کنیم.
- نام تابع باید با حروف انگلیسی (یا کاراکترهای _ و $) شروع شود و استفاده از اعداد به عنوان شروع تابع صحیح نیست اما می توانیم در ادامه از اعداد استفاده کنیم به فرض user1Info یا u123_info، دقت کنیم استفاده از کلماتی که به عنوان دستورات خاص در جاوا اسکریپت کاربرد دارند (به فرض var، if، default و...) مجاز نیست، برنامه نویسان برای خواناتر شدن کدها از عبارت های دارای معنی و معمولا به صورت کلمات چندبخشی (به فرض userInfo) استفاده می کنند.
- در نمونه تابع بالا دو آرگیومنت فرضی (u و c) به عنوان نام کاربری و کشور در ورودی دریافت می شود، در نظر گرفتن آرگیومنت برای تابع اجباری نیست و بسته به نیاز برنامه ممکن است تابع با یا بدون آرگیومنت نوشته شود.
- سپس درون تابع (بین کاراکترهای {}) سه متغیر با نام های دلخواه username، country و output تعریف شده که در واقع نهایتا خروجی به صورت
your username: admin
your country: Iran- در قسمت return خروجی تابع ارسال می شود، در اینجا return متغیر output را که خود حاصل جمع دو متغیر name و country است به عنوان خروجی تابع برمی گرداند (به ارسال خروجی تابع در اصطلاح برگردان یا return می گویند)، استفاده از دستور return در تابع اجباری نیست و بسته به نوع تابع و عملیاتی که مد نظر است می توانیم از این دستور استفاده کنیم (معمولا توابع به همراه قسمت return تعریف می شوند).
نکته: در صورتی که در هر قسمت از تابع دستور return اجرا شود، ادامه پردازش کدهای آن (در صورت وجود) متوقف شده و عملیات تابع به پایان می رسد.
- دقت کنیم توابع در جاوا اسکریپت باید حتما با یک دستور یا رویداد فراخوانی شوند به طور مثال بارگذاری کامل صفحه (رویداد onload) یا کلیک کاربر بر روی یک دکمه (رویداد onclick) و...، در حالت عادی صرف وجود یک تابع در صفحه به خودی خود کار خاصی انجام نمی دهد، در مثال بالا فراخوانی تابع با دستور document.write انجام شده که نتیجه را در صفحه وب چاپ می کند.
روش های تعریف تابع در جاوا اسکریپت
همان طور که گفتیم تابع در جاوا اسکریپت (JavaScript) با عبارت function تعریف می شود اما روش های تعریف می تواند بسته به موقعیت و نیاز برنامه متفاوت باشد:
- تعریف تابع به صورت معمول
در این حالت تابع به صورت معمول و با در نظر گرفتن نام اختصاصی تعریف می شود، مثال:
<script>
function addNumbers(num_1, num_2, num_3){
return num_1 + num_2 + num_3;
}
alert(addNumbers(8, 5, 7));
</script>20- تعریف تابع با متغیر
یک روش دیگر تعریف تابع در نظر گرفتن نام به صورت متغیر است، مثال:
<script>
var myFunc;
//var num = 'JS';
var num = 20;
var result;
if(Number.isInteger(num)){
myFunc = function(num){
result = num - 5;
return result;
}
} else{
myFunc = function(num){
result = 'Error! Please Use Integer.';
return result;
}
}
alert(myFunc(num));
</script>15Error! Please Use Integer.- تعریف تابع در تابع دیگر
گاهی مواقع در برنامه نویسی موقعیت هایی پیش می آید که ممکن است به جهت ساختار کدها یا مختصرنویسی و پرهیز از کدنویسی مجزا برای انجام فرآیندهای تکراری نیاز به تعریف تابع در تابع دیگری باشد، مثال:
<script>
function addNumbers(num_1, num_2, num_3){
var result = num_1 + num_2 + num_3;
function showAlert(){
alert(result);
}
return showAlert();
}
addNumbers(1, 5, 7);
</script>13حدود دسترسی تابع (Function Scope) در جاوا اسکریپت
منظور از حدود دسترسی یا Scope، وجود یا عدم وجود قابلیت استفاده از پارامترهای تابع (متغیر، تابع، آبجکت و..) در بیرون از تابع یا پارامترهای بیرون از تابع در تابع برای مفسر جاوا اسکریپت در زمان پردازش دستورات است، طبق قوانین زبان جاوا اسکریپت:
- هر متغیر، تابع یا آبجکتی که درون یک تابع تعریف می شود صرفا توسط همان تابع (یا تابعی که درون آن تابع تعریف شده باشد) قابل دسترس است، به طور مثال کد زیر خطا خواهد داشت:
<script>
function myScope_1(){
var txt = 'Hello!';
}
function myScope_2(){
return txt;
}
alert(myScope_2());
</script>ReferenceError: txt is not defined<script>
function myScope_1(){
var txt = 'Hello!';
function myScope_2(){
return txt;
}
return myScope_2();
}
alert(myScope_1());
</script>Hello!<script>
var txt;
function myScope_1(){
txt = 'Hello!';
}
function myScope_2(){
return txt;
}
myScope_1();
alert(myScope_2());
</script>Hello!- توابعی که به صورت مستقل تعریف می شوند دسترسی سراسری Global Scope دارند و می توانیم از آنها در سایر توابع استفاده کنیم، مثال:
<script>
function myScope_1(){
var txt = myScope_2('Welcome');
return txt;
}
function myScope_2(str){
return str + '!';
}
alert(myScope_1());
</script>Welcome!تابع بازگشتی (Recursive Function) در جاوا اسکریپت
توابع در جاوا اسکریپت این قابلیت را دارند که بسته به نیاز برنامه خودشان را فراخوانی کنند، به این حالت در اصطلاح تابع بازگشتی یا Recursive Function گفته می شود، مثال:
<script>
var num = 0;
function recurFunc(){
if(num > 10){
alert(num);
return true;
}
num++;
recurFunc();
}
recurFunc();
</script>11نحوه فراخوانی توابع در جاوا اسکریپت
توابع در جاوا اسکریپت بدون وجود رویدادها و دستورات کاربردی ندارند، یک رویداد یا دستور به معنی حالتی است که پس از وقوع یا اعمال آن موتور تابع به حرکت می افتد درست شبیه به استارت زدن یک خودرو!
اگرچه به صرف درج تابع در تگ های script می توانیم تابع را فراخوانی کنیم (مانند نمونه کدهای بالا) اما معمولا فراخوانی توابع در جاوا اسکریپت با رویدادها انجام می شود، در مثال زیر شیوه فراخوانی یک تابع را با دو رویداد پرکاربرد onclick (زمانی که کاربر بر روی یک عنصر کلیک می کند) و onload (زمانی که صفحه وب به صورت کامل بارگذاری می شود) بررسی می کنیم:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | فراخواني تابع در جاوا اسکريپت با رويداد onclick</title>
<!-- Webgoo.ir -->
<style>
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
direction: rtl;
line-height: 22px;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<script>
function addNum(num1, num2){
var elm = document.getElementById('result');
var output = num1 + num2;
return elm.innerHTML = output;
}
</script>
<noscript>جاوا اسکريپت در مرورگر شما غير فعال است يا پشتيباني نمي شود!</noscript>
<a href="#" onclick="addNum(3, 6);">براي مشاهده نحوه عملکرد تابع در جاوا اسکريپت، کليک کنيد</a>
<div id="result"></div>
</body>
</html>- تابع بالا با رویداد onclick (کلیک کاربر بر روی لینک) اجرا می شود.
- دقت کنیم در جاوا اسکریپت نحوه تعیین مقادیر در نوع رفتار تابع اثرگذار است، به فرض اگر کد بالا را به صورت زیر فراخوانی کنیم به جای جمع دو عدد، حاصل ترکیب آنها به صورت یک رشته نمایش داده می شود:
//نمایش نتیجه به صورت یک رشته متنی
onclick="addNum('3', '6');"
//نمایش نتیجه به صورت حاصل جمع دو عدد
onclick="addNum(3, 6);"- در این نمونه کد از متدهای document.getElementById و innerHTML استفاده شده است که در آموزش های پیش رو به صورت جداگانه در رابطه با آنها خواهیم گفت، فعلا در این حد بدانیم که با متد document.getElementById یک عنصر در صفحه انتخاب و با متد innerHTML مقادیر (کدهای HTML + متن) به عنصر مد نظر اضافه می شود.
در ادامه تابع دیگری را در رویداد onload (بارگذاری کامل صفحه) فراخوانی و با پیش نمایش آنلاین بررسی می کنیم.
پیش نمایش آنلاین
در نمونه کد زیر از رویداد onload (بارگذاری کامل صفحه) برای فراخوانی تابع استفاده کرده ایم که لینک پیش نمایش آنلاین آن نیز جهت بررسی درج شده است:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | فراخواني تابع در جاوا اسکريپت با رويداد onload</title>
<!-- Webgoo.ir -->
<style>
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
direction: rtl;
line-height: 22px;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<noscript>جاوا اسکريپت در مرورگر شما غير فعال است يا پشتيباني نمي شود!</noscript>
با بارگذاری کامل صفحه رویداد onload اجرا شده و تابع welcome فراخوانی می شود.
<script>
function welcome(){
var text = 'این پیام با فراخوانی تابع در جاوا اسکریپت نمایش داده می شود';
var output = alert(text);
return output;
}
window.onload = welcome();
</script>
</body>
</html>در این نمونه کد هیچ آرگیومنتی برای تابع در نظر نگرفته ایم، قبلا گفتیم که در نظر گرفتن آرگیومنت برای تابع اختیاری است و بستگی به نیاز برنامه دارد.
نکته: استفاده از رویداد onload معمولا می تواند به یکی از شیوه های زیر باشد:
- فراخوانی در تگ body، مثال:
<body onload="welcome();">window.onload = welcome();نکته: رویدادها در جاوا اسکریپت تنوع زیادی دارند و محدود به موارد گفته شده (onclick و onload) نمی شوند، در مباحث پیش رو از بخش آموزش های مقدماتی جاوا اسکریپت به صورت مفصل در این خصوص صحبت خواهیم کرد.
دسته بندی: آموزش مقدماتی » JavaScript
برچسب ها: JavaScript
مطالب بیشتر:تعریف و استفاده از متغیر (Variable) در جاوا اسکریپت (JavaScript)
کار با متد getElementById و innerHTML در جاوا اسکریپت (JavaScript)
آرایه (Array) در جاوا اسکریپت (JavaScript)
حلقه for و while در جاوا اسکریپت (JavaScript)
دستور switch و case در جاوا اسکریپت (JavaScript)
دیدگاه
۶۱ دیدگاه برای این مطلب ارسال شده است. چینش دیدگاه ها به ترتیب از جدیدترین به قدیمی ترین است.جواد
۱۳:۴۹ ۱۳۹۲/۰۸/۲۸
سلام و تشکر از زحماتتون
می خواستم بدونم چطور میشه با جاوا اسکریپت یه ثانیه شمار افزایشی ساخت
می خواستم بدونم چطور میشه با جاوا اسکریپت یه ثانیه شمار افزایشی ساخت
از تابع نمونه زیر استفاده کنید:
<script>
function countUp(id){
var second = document.getElementById(id).innerHTML;
if(!second > 0){
second = 0;
document.getElementById(id).innerHTML = second;
}
else{
document.getElementById(id).innerHTML = parseInt(second) + 1;
}
}
window.onload = function(){
countUp('counter');
setInterval("countUp('counter')", 1000);
}
</script>
<div id="counter"></div>mohsen
۰۳:۱۳ ۱۳۹۲/۰۸/۱۷
سلام می خواستم بدونم چطور میشه با استفاده از رویداد onload چندین تابع رو فراخوانی کرد
روش اول:
<script>
function Func_1(){
alert(1);
}
function Func_2(){
alert(2);
}
window.onload = function(){
Func_1();
Func_2();
}
</script><script>
function Func_1(){
alert(1);
}
function Func_2(){
alert(2);
}
</script>
<body onload="Func_1() & Func_2();">جواد
۱۳:۴۸ ۱۳۹۲/۰۸/۰۵
ممنون
ایا میشه با this به id اشاره کرد مثلا بنویسیم this.id به جای this.value
ایا میشه با this به id اشاره کرد مثلا بنویسیم this.id به جای this.value
بله، اگر عنصر شما دارای id باشد، id آن به this.id اختصاص پیدا می کند و می توانید آن را به توابع خود به عنوان آرگومان بدهید، this.value مقادیر قسمت value را برمی گرداند.
جواد
۱۸:۰۶ ۱۳۹۲/۰۸/۰۳
ببخشید منظورم اینه که چطور میشه مشخص کرد کدوم گزینه انتخاب شده تا جایی که فهمیدیم از selectedindex استفاده میشه ولی دقیقا متوجه نمیشم چطور کار میکنه مثلا اگه رنگ قرمز انتخاب شد بکگراند قرمز بشه و اگه ابی انتخاب شد بکگراند ابی بشه
برای این کار هم می توانید از selectedIndex استفاده کنید هم از مقادیر value برای option ها.
- روش اول شماره option ها را (شروع از 0) برمی گرداند، در ادامه با استفاده از متد options می توانید عدد index را در آن جایگزین کرده و مقادیر ست شده برای option مورد نظر را به دست آورید:
- روش اول شماره option ها را (شروع از 0) برمی گرداند، در ادامه با استفاده از متد options می توانید عدد index را در آن جایگزین کرده و مقادیر ست شده برای option مورد نظر را به دست آورید:
<script>
function bgChange(){
var index = document.getElementById('test').selectedIndex;
var color = document.getElementById('test').options;
document.body.style.backgroundColor = '#' + color[index].text;
}
</script>
<select id="test" onchange="bgChange();">
<option>FFF</option>
<option>000</option>
</select><script>
function bgChange(color){
document.body.style.backgroundColor = color;
}
</script>
<select onchange="bgChange(this.value);">
<option value="#FFF">سفید</option>
<option value="#000">مشکی</option>
</select>جواد
۱۶:۴۹ ۱۳۹۲/۰۸/۰۳
می بخشید مثلا یه select option با اچ تی ام ال درست کردیم و چند تا گزینه داره چطور میتونیم با کمک جاوا اسکریپت مشخص کنیم که یکی از گزینه هاش انتخاب شده و باید رویدادی رخ بده
برای select option از رویداد onchange در تگ select استفاده کنید.
جواد
۰۲:۰۴ ۱۳۹۲/۰۸/۰۲
ممنون از مطلبتون من دو تا سوال داشتم
چطور درون یک تابع متغیری بنویسیم که در توابع دیگر قابل دسترسی باشد
و استفاده از this به عنوان ارگومان تابع به چه شکل هست مثلا یه تابع داریم به این شکل
چطور درون یک تابع متغیری بنویسیم که در توابع دیگر قابل دسترسی باشد
و استفاده از this به عنوان ارگومان تابع به چه شکل هست مثلا یه تابع داریم به این شکل
function num(a)num(this)در مورد سوال اول، این کار به روش های مختلف در JavaScript ممکن است، ساده ترین حالت تعریف متغیر به صورت global در خارج از توابع است:
<script>
//تعریف متغیر
var test = 5;
//تعریف توابع
function Func_1(){
test += 10;
}
function Func_2(){
alert(test + 4);
}
//فراخوانی توابع
Func_1();
Func_2();
</script><script>
//تعریف توابع
function Func_1(){
//تعریف متغیر
var test = 5;
//فراخوانی تابع وابسته
Func_2(test);
}
function Func_2(num){
alert(num + 4);
}
//فراخوانی تابع اصلی
Func_1();
</script><script>
//تعریف توابع
function Func_1(){
//تعریف متغیر
test = [];
test[0] = 'js';
test[1] = 'php';
test[2] = 'html';
}
function Func_2(){
alert(test[0]);
}
//فراخوانی توابع
Func_1();
Func_2();
</script><input onfocus="this.style.background = '#ccc';" type="text">function num(a){
a.style.background = '#ccc';;
}
</script>
<input onfocus="num(this);" type="text">خلیل
۰۳:۱۲ ۱۳۹۲/۰۷/۲۷
خیلی ممنون از مطالب خوبتون
لیلا
۲۲:۳۹ ۱۳۹۲/۰۵/۲۱
بازم ممنون ... سایت خیلی خوبی دارین ... با این حال خیلی کمکم کردین
لیلا
۱۳:۳۴ ۱۳۹۲/۰۵/۲۱
با سلام مجدد .... اگه میشه لطف کنید و یک سایتی که بتونه در مورد سوال اولم کمک کنه ... بهم پیشنهاد کنید ممنون میشم ...
سایت خاصی را نمی توانیم پیشنهاد کنیم، کافی است عبارت "کدهای جاوا اسکریپت" را در وب جستجو کنید.
لیلا
۲۳:۰۹ ۱۳۹۲/۰۵/۱۹
با سلام ... ممنون از مطالب خوبتون... دوتا دونه سوال دارم ...
اول اینکه تابعی می خوام که مدت زمان حضور کاربر در سایت رو در نوار وضعیت نشون بده ...
و دوم اینکه چطور می تونم کدی بنویسم که : کاربر با انتخاب رنگ از یک لیست بتونه رنگ پس زمینه صفحه رو عوض کنه ؟
ممنون میشم
اول اینکه تابعی می خوام که مدت زمان حضور کاربر در سایت رو در نوار وضعیت نشون بده ...
و دوم اینکه چطور می تونم کدی بنویسم که : کاربر با انتخاب رنگ از یک لیست بتونه رنگ پس زمینه صفحه رو عوض کنه ؟
ممنون میشم
برای مورد اول باید در سایت های ارائه کننده کدهای آماده جاوا اسکریپت به دنبال آن جستجو کنید، اما برای مورد دوم الگوی کد زیر کاربرد دارد:
<script>
function bgChange(color){
document.body.style.backgroundColor = color;
}
</script>
<select onchange="bgChange(this.value);">
<option value="#FFFFFF">سفید</option>
<option value="#000000">مشکی</option>
</select>۲۰:۲۸ ۱۳۹۲/۰۴/۱۱
بسیار ممنون مشکلم بر طرف شد ممنون از آموزش های خوبتون یه خواهش دیگه ای هم داشتم من 4 ماه بیشتر نیست که سی اس اس و اچ تی ام ال رو یاد گرفتم یه قالب درست کردم واسه وبم ممنون میشم نگاه بندازید و نظرتون رو بدونم تشکر فراوان sibb.tk
قالب بررسی شد، برای مدت 4 ماه قابل قبول است، اما واقعیت مطلب را بخواهید طراحی و برنامه نویسی وب یک پروسه تقریبا زمانبر است، هر چه بیشتر تمرین کنید، تجربه بیشتری کسب می کنید، باید این فرآیند آموزشی را تا جایی ادامه دهید که احساس کنید ایده ای نیست که نتوانید از پس آن بر بیایید! (در آن زمان می توان گفت که حرفه ای شده اید).
۱۹:۰۶ ۱۳۹۲/۰۴/۱۱
بازم سلام ببخشید باز مزاحم شدم لطفا کمکم کنید
من میخوام یه لینک ایجاد کنم که با کلیک کردن روی اون یه پنجره ی مرورگری با تعیین اندازه های طول و عرض توسط خودمون یه سایتی رو نمایش بده مثل این کد ولی عمل نکرد لطفا تصحیح کنید
من میخوام یه لینک ایجاد کنم که با کلیک کردن روی اون یه پنجره ی مرورگری با تعیین اندازه های طول و عرض توسط خودمون یه سایتی رو نمایش بده مثل این کد ولی عمل نکرد لطفا تصحیح کنید
<a href="http://google.com" onClick="javascript:window.open('width=500px,height=500px')">امتحانی</a>در این خصوص آموزش جداگانه ای در سایت تحت عنوان کار با پنجره Pop-up در جاوا اسکریپت وجود دارد، کافی است عبارت "Pop-up" را در قسمت جستجو وارد و قسمت مربوط به دستور window.open را مطالعه نمائید.
۲۰:۵۰ ۱۳۹۲/۰۴/۱۰
خیلی ممنون دوست عزیز
۱۹:۱۲ ۱۳۹۲/۰۴/۱۰
سلام خسته نباشید آموزش های اسکریپت رو دارم دنبال می کنم خیلی مفید بودن امیدوارم جاوا اسکریپت رو از سایت شما یاد بگیرم و منتی واسه شما باشم
میشه این کد رو تو سایت یکم توضیح بدید
میشه این کد رو تو سایت یکم توضیح بدید
<script type="text/javascript">
function changemain(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>آموزش ها به مرور تکمیل خواهند شد و به مبحث مورد نظر نیز خواهیم پرداخت، اما به اختصار:
document.getElementById یکی از متدهای جاوا اسکریپت برای انتخاب عناصر بر اساس id آنها در صفحات وب است، این متد از خاصیت های زیادی پشتیبانی می کند، به طور مثال زمانی که از innerHTML (در قبل از علامت =) استفاده می کنیم، مقادیر موجود در عنصر با id تعیین شده (در اینجا main) گرفته می شود و به عنصر هدف (در اینجا عنصری که در قسمت id مشخص می شود) منتقل می گردد.
البته رفتار این متد و خاصیت های آن بسیار متوع است و آشنایی با تمام آنها نیازمند تمرین و تجربه بیشتری است.
document.getElementById یکی از متدهای جاوا اسکریپت برای انتخاب عناصر بر اساس id آنها در صفحات وب است، این متد از خاصیت های زیادی پشتیبانی می کند، به طور مثال زمانی که از innerHTML (در قبل از علامت =) استفاده می کنیم، مقادیر موجود در عنصر با id تعیین شده (در اینجا main) گرفته می شود و به عنصر هدف (در اینجا عنصری که در قسمت id مشخص می شود) منتقل می گردد.
البته رفتار این متد و خاصیت های آن بسیار متوع است و آشنایی با تمام آنها نیازمند تمرین و تجربه بیشتری است.
سارا
۰۰:۴۰ ۱۳۹۲/۰۳/۳۰
سلام. خسته نباشید. من یک کد جاوا اسکریپت دارم که ورودیش به نظر میاد یک فایل عکس باید باشه. اما نمی دونم چطوری باید ازش استفاده کنم. هدفم اینه که با حرکت موس روی یک عکس اعواج ایجاد بشه. می شه لطفا کمکم کنید؟ آیا کد زیر برای این کار عمل می کنه؟ چطوری؟
خدا خیرتون بده.
خدا خیرتون بده.
Stage.scaleMode = "noScale";
Var colorX = 1;
Var colorY = 2;
Var powerX = 75;
Var powerY = 75;
Var mode = "ignore";
Var offset = new flash.geom.Point (0, 0);
Var bmp = new flash.display.BitmapData (image_mc._width, image_mc._height);
Var displaceFilter = new flash.filters.DisplacementMapFilter (bmp, offset, colorX, colorY, powerX, powerY, mode);
OnMouseMove = function () {
displace_mc.displacer._x = displace_mc._xmouse;
displace_mc.displacer._y = displace_mc._ymouse;
bmp.draw (displace_mc);
image_mc.filters = [displaceFilter];
}
OnMouseDown = function (){
displace_mc._visible = true;
image_mc._visible = false;
}
OnMouseUp = function (){
displace_mc._visible = false;
image_mc._visible = true;
}
OnMouseUp ();
OnMouseMove ();
به نظر کدهای شما مربوط به زبان Action Script (فلش) یا MATLAB است، در حالی که آموزش در رابطه با جاوا اسکریپت! لطفا به سایت ها و آموزش های مرتبط مراجعه کنید.
صفحه 4 از 5 محتوا در وبگو به صورت تألیفی تهیه می شود و دارای حق تألیف است، در صورت نیاز به کپی برداری لطفا ابتدا "شرایط استفاده" را مطالعه کنید.
خدمات و راه های ارتباطی ما صرفا تحت دامنه Webgoo.ir ارائه و اطلاع رسانی می شوند، صفحات یا عناوین مشابه مورد تائید نمی باشند.
- به سوالات کلی، زمانبر، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق مشکل و خطایابی میسر باشد.
- تمام دیدگاه های ارسالی خوانده شده و برای هر کاربر مدت زمان لازم جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.