এইচটিএমএল ডোম স্ক্রিপ্ট অবজেক্ট
স্ক্রিপ্ট অবজেক্ট
স্ক্রিপ্ট অবজেক্ট এইচটিএমএল <script> এলিমেন্টকে প্রতিনিধিত্ব করে।
স্ক্রিপ্ট অবজেক্ট তৈরী
document.createElement() পদ্ধতি ব্যবহারের মাধ্যমে আপনি একটি <script> এলিমেন্ট তৈরী করতে পারবেন :
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("script");
var b = document.createTextNode("alert('Hey There!')");
a.appendChild(b);
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
একটি স্ক্রিপ্ট অবজেক্ট এক্সেস
getElementById() ব্যবহারের মাধ্যমে আপনি একটি <script> এলিমেন্ট এক্সেস করতে পারবেন :
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<script id="test" src="script.js"></script>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test").src;
alert(a);
}
</script>
</body>
</html>ফলাফল
পরামর্শ : তাছাড়াও আপনি scripts কালেকশন ব্যবহার করে একটি <script> এলিমেন্ট এক্সেস করতে পারবেন।
স্ক্রিপ্ট অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| async | একটি স্ক্রিপ্ট আসিঙ্ক্রোনাস্লি ভাবে কার্য সম্পাদনের জন্য ব্যবহার উপযোগী কি না,তা সেট করে অথবা রিটার্ন করে । |
| charset | একটি স্ক্রিপ্টের charset এট্রিবিউটের ভ্যালু সেট করে এবং রিটার্ন করে । |
| crossOrigin | একটি স্ক্রিপ্টের CORS সেটিং সেট করে অথবা রিটার্ন করে । |
| defer | যখন পেজ পারসিং সম্পন্ন হবে তখন স্ক্রিপ্ট এক্সিকিউট হবে কি না তা সেট করে অথবা রিটার্ন করে । |
| src | একটি স্ক্রিপ্টের src এট্রিবিউটের ভ্যালু সেট করে অথবা রিটার্ন করে । |
| text | টেক্সট নডের সকল কন্টেন্ট সেট করে এবং রিটার্ন করে যা একটি স্ক্রিপ্টের চাইল্ড । |
| type | একটি স্ক্রিপ্টের এট্রিবিউটের ভ্যালু টাইপ সেট করে এবং রিটার্ন করে । |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |