javascript in html

-
To insert a JavaScript script in an HTML page, you use the <script> ... </script> tag. Don't forget the closing </script> tag! Now get ready to fire off your text editor of choice and let's get coding!
Let's start with a basic HTML page, like this one:
   
   <!DOCTYPE html>
   <html>
   <head>
   <title>My first JavaScript page</title>

   </head>
   <body>

   </body>
   </html>
The JavaScript script is inserted either in the HTML page itself or in a separate file.

Embed JavaScript in the HTML page

The <script> tag and its type attribute tell the browser: "Hey, browser! There's a script coming up, and it's a JavaScript script."
You can do this either in the <head> section, as follows:
   
   <!DOCTYPE html>
   <html>
   <head>
   <title>My first JavaScript page</title>
  
      <script type="text/javascript">
   //JavaScript code goes here
      </script>
  
   </head>
   <body>

   </body>
   </html>
Or or at the very bottom of the document just before the closing </body> tag, like so:
 
   <!DOCTYPE html>
   <html>
   <head>
   <title>My first JavaScript page</title>
   </head>
   <body>
        
      <script type="text/javascript">
      //JavaScript code goes here
      </script>
  
   </body>
   </html>

Comments

Post a Comment

Popular posts from this blog

Codeigniter Fullcalendar Example

-
A fullcalendar is a open source jquery library and that provide to create event in calendar and you can easily customize library event. fullcalendar also provide drag and drop event calendar with responsive. In this example, we will create "events" table with title, start_date and end_date. We will store data manually on that table and then display all events form database dynamically. So you have to just follow few step and get layout like as bellow screen shot. Step 1: Create events Table In first table we must have one table with some dummy records. For this example i will create "events" table and dummy records as like bellow query: events table CREATE TABLE IF NOT EXISTS `events` ( `id` int(11) NOT NULL AUTO_INCREMENT, `title` varchar(255) NOT NULL, `start_date` date NOT NULL, `end_date` date NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ; Step 2: Make database configurat...
Read more

CSS Layer on layer with z-index

-
CSS operates in three dimensions - height, width and depth. We have seen the first two dimensions in previous lessons. In this lesson, we will learn how to let different elements become layers. In short, this means the order of which the elements overlap one another. For that purpose, you can assign each element a number ( z-index ). The system is that an element with a higher number overlaps an element with a lower number. In this case, the numbers follow on another (1-5) but the same result can be obtained by using 5 different numbers. The important thing is the chronological sequence of the numbers (the order). The code in the card example could look like this: #ten_of_diamonds { position: absolute; left: 100px; top: 100px; z-index: 1; } #jack_of_diamonds { position: absolute; left: 115px; top: 115px; z-index: 2; } #queen_of_diamonds { position: absolute; left: 130px; top: 130px; z-index: 3; } #king_of_diamonds { position: absol...
Read more

how to export html data to pdf in angularjs and javascript

-
HTML : <button onclick="pdfdownload()" class="btn btn-success"><i class="fa fa-download" ></i> Download PDf</button> <div class="table-responsive" id="exportthis"> this is demo text </div> Javascript: <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script> <script type="text/javascript"> function pdfdownload () { html2canvas(document.getElementById('exportthis'), {             onrendered: function (canvas) {                 var data = canvas.toDataURL();                 var docDefinition = {                     content: [{                      ...
Read more