187

আপনি কীভাবে একটি জাভাস্ক্রিপ্ট ফাইলটিকে এইচটিএমএল ডকুমেন্টের সাথে লিঙ্ক করবেন?

দ্বিতীয়ত, আপনি কীভাবে জাভাস্ক্রিপ্ট ফাইলের মধ্যে jQuery ব্যবহার করবেন?

javascript jquery html

3

আমি এখানে উত্তরগুলি অগ্রাধিকার দিচ্ছি: এইচটিএমএল মার্কআপে আমার <script> ট্যাগগুলি কোথায় রাখা উচিত?

— ক্যারামবা

@ কারাম্বা তবে জেএসের আরও জটিল কিছু করার দরকার পড়লে আমি কী করব? আমি এটি একটি ফাইল লিখতে চেষ্টা করছি তাই আমি const fs = require('fs');নোড থেকে কল করি ।

— নাথান

1

@ নাথন নোড.জেএস সহ এটি সম্পূর্ণ আলাদা গল্প। এই

— আশাটি

আমি একটি কাজ খুঁজে পেয়েছি, তবে আমি নিশ্চিত যে অন্য কেউ এই লিঙ্কটির জন্য খুশি হবে!

— নাথান

189

প্রথমে আপনাকে জিকুয়েরি লাইব্রেরিটি http://jquery.com/ থেকে ডাউনলোড করতে হবে তারপরে আপনার এইচটিএমএল হেড ট্যাগের মধ্যে jquery লাইব্রেরিটি নীচের উপায়ে লোড করুন

তারপরে আপনি jquery লোডিং স্ক্রিপ্টের পরে আপনার jquery কোড কোডিং করে jquery কাজ করছে কিনা তা পরীক্ষা করতে পারেন

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!--LINK JQUERY-->
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<!--PERSONAL SCRIPT JavaScript-->
<script type="text/javascript">
   $(function(){
      alert("My First Jquery Test");
   });
</script>

</head>
<body><!-- Your web--></body>
</html>

আপনি যদি আপনার jquery স্ক্রিপ্ট ফাইলটি আলাদাভাবে ব্যবহার করতে চান তবে jquery লাইব্রেরি লোড হওয়ার পরে আপনাকে অবশ্যই বাহ্যিক .js ফাইলটি এইভাবে সংজ্ঞায়িত করতে হবে।

<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>

আসল সময়ে পরীক্ষা

কোড স্নিপেট দেখান

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!--LINK JQUERY-->
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<!--PERSONAL SCRIPT JavaScript-->
<script type="text/javascript">
   $(function(){
      alert("My First Jquery Test");
   });
</script>

</head>
<body><!-- Your web--></body>
</html>

স্নিপেট প্রসারিত করুন

— Swarne27
সূত্র

7

তোমাকে অনেক ধন্যবাদ. শেষ অবধি আমি ঠিক এই উত্তরটি বের করে ফেললাম! আমি জানি যে প্রশ্নটি প্রাথমিক ছিল তবে আমাকে এটি দেখানোর জন্য সময় দেওয়ার জন্য আমি আপনাকে ধন্যবাদ জানাই! আমি যা অনুপস্থিত ছিল তা জাভাস্ক্রিপ্ট ফাইলের আগে jQuery লাইব্রেরি রাখছিল!

— firstofth300

53

আপনি এইচটিএমএলে কোনও জেএস ফাইলকে লিঙ্ক করেন

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script> - ট্যাগটি কোনও ক্লায়েন্ট-সাইড স্ক্রিপ্ট যেমন একটি জাভাস্ক্রিপ্ট সংজ্ঞায়িত করতে ব্যবহৃত হয়।

type - স্ক্রিপ্টের ধরণ উল্লেখ করুন

src - স্ক্রিপ্ট ফাইলের নাম এবং পথ

— মুঠু কুমারন
সূত্র

13

আপনি আপনার HTML নথিতে স্ক্রিপ্ট ট্যাগগুলি যুক্ত করতে পারেন, আদর্শভাবে যা আপনার জাভাস্ক্রিপ্ট ফাইলগুলিতে নির্দেশ করে inside স্ক্রিপ্ট ট্যাগ ক্রম গুরুত্বপূর্ণ। আপনি যদি আপনার স্ক্রিপ্ট থেকে jQuery ব্যবহার করতে চান তবে আপনার স্ক্রিপ্ট ফাইলগুলির আগে jQuery লোড করুন।

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="relative/path/to/your/javascript.js"></script>

তারপরে আপনার জাভাস্ক্রিপ্ট ফাইলে আপনি $সাইন বা ব্যবহার করে jQuery উল্লেখ করতে পারেন jQuery। উদাহরণ:

jQuery.each(arr, function(i) { console.log(i); });

— BuddhiP
সূত্র

12

একটি বাহ্যিক জাভাস্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করতে আপনি <script>ট্যাগটি ব্যবহার করেন । srcঅ্যাট্রিবিউট আপনার ওয়েব প্রকল্পের মধ্যে আপনার জাভাস্ক্রিপ্ট ফাইলের অবস্থান স্থানটিকে চিহ্নিত করে।

<script src="some.js" type="text/javascript"></script>

জিকিউরি হ'ল একটি জাভাস্ক্রিপ্ট ফাইল, সুতরাং আপনি যদি ফাইলটির একটি অনুলিপি ডাউনলোড করেন তবে স্ক্রিপ্ট ট্যাগ ব্যবহার করে এটি আপনার পৃষ্ঠায় অন্তর্ভুক্ত করতে পারেন। আপনি গুগল দ্বারা হোস্ট করা হিসাবে একটি সামগ্রী বিতরণ নেটওয়ার্ক থেকে Jquery অন্তর্ভুক্ত করতে পারেন।

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

— কেভিন বোয়েরক্স
সূত্র

2

নীচে আপনার কাছে কিছু ভ্যালিড এইচটিএমএল 5 উদাহরণ নথি রয়েছে। typeমধ্যে অ্যাট্রিবিউট scriptট্যাগ হল বাধ্যতামূলক নয় HTML5 এর মধ্যে।

আপনি চরক দ্বারা jquery ব্যবহার $। লাইব্রেরিগুলিকে (jquery এর মতো) <head>ট্যাগে রাখুন - তবে আপনার স্ক্রিপ্টটি ডকুমেন্টের (নীচে <body>) নীচে রাখে - এর ফলে আপনি নিশ্চিত হয়ে উঠবেন যে আপনার স্ক্রিপ্টের সম্পাদনা শুরু হওয়ার সাথে সাথে সমস্ত গ্রন্থাগার এবং এইচটিএমএল ডকুমেন্ট লোড হবে। srcউপরের মত সরাসরি জেএস কোড না রেখে স্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করতে আপনি নীচের স্ক্রিপ্ট ট্যাগেও বৈশিষ্ট্যটি ব্যবহার করতে পারেন ।

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
    <div>Im the content</div>

    <script>
        alert( $('div').text() ); // show message with div content
    </script>
</body>
</html>

স্নিপেট প্রসারিত করুন

— কামিল কিয়েসজেউস্কি
সূত্র

0

this is demo code but it will help 

<!DOCTYPE html>
<html>
<head>
<title>APITABLE 3</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>


$(document).ready(function(){

$.ajax({
    type: "GET",
    url: "https://reqres.in/api/users/",

    data: '$format=json',

    dataType: 'json',
    success: function (data) {
 $.each(data.data,function(d,results){
     console.log(data);

 $("#apiData").append(
                        "<tr>"
                          +"<td>"+results.first_name+"</td>"
                          +"<td>"+results.last_name+"</td>"
                          +"<td>"+results.id+"</td>"
                          +"<td>"+results.email+"</td>"
  +"<td>"+results.bentrust+"</td>"
                        +"</tr>" )
                    })
 } 

});

});


</script>
</head>
<body>


    <table id="apiTable">

        <thead>
            <tr>
            <th>Id</th>
            <br>
            <th>Email</th>
            <br>
            <th>Firstname</th>
            <br>
            <th>Lastname</th>
        </tr>
        </thead>
        <tbody id="apiData"></tbody>    





</body>
</html>

— Hozaifa
সূত্র

আমি কীভাবে কোনও জাভাস্ক্রিপ্ট ফাইলকে এইচটিএমএল ফাইলের সাথে সংযুক্ত করব?

আসল সময়ে পরীক্ষা