When should we use double or single quotes in JavaScript ?

Why Split the <script> tag when Writing it within document.write() method in JavaScript?

Last Updated : 14 Oct, 2024

In modern JavaScript development, the use of the document.write() method is discouraged due to its potential to cause performance issues and disrupt the parsing process of HTML.

When the browser encounters a <script> tag, it pauses the parsing of HTML to execute the code within the script. Using document.write() during this phase overwrites the entire page content, which can break the current page structure and lead to incomplete execution, particularly if there are script tags within the document.write() output.

As a result, better alternatives such as DOM manipulation methods should be used for dynamically modifying content.

Note: This procedure have been used to include jQuery files only.

Example 1: In this example, we will use <script> inside the document.write without splitting the tag.

html

<!DOCTYPE html> 
<html> 

<head> 
    <style> 
        body { 
            text-align:center; 
        } 
        h1 { 
            color:green; 
        } 
    </style> 
</head> 

<body> 
    <h1>GeeksforGeeks</h1>
    
    <script> 
        document.write(
        "<script><h1>GeeksforGeeks!</h1></script>"); 
        
        document.write(
        "<p>A computer science portal for geeks</p>") 
    </script> 
</body> 

</html>

Output:

Example 2: In this example we will use <script> inside the document.write by splitting the tag.

html

<!DOCTYPE html> 
<html> 

<head> 
    <style> 
        body { 
            text-align:center; 
        } 
        h1 { 
            color:green; 
        } 
    </style> 
</head> 

<body> 
    <h1>GeeksforGeeks</h1>
    
    <script> 
        document.write(
        "<script><h1>GeeksforGeeks!</h1></scr"+"ipt>"); 
        
        document.write(
        "A computer science portal for geeks"); 
    </script> 
</body> 

</html>

Output:

When should we use double or single quotes in JavaScript ?

S

Shreyasi_Chakraborty

Improve

Article Tags :

Similar Reads

Why split the <script> tag when writing it within document.write() method in JavaScript ?

In modern JavaScript development, the use of the document.write() method is discouraged due to its potential to cause performance issues and disrupt the parsing process of HTML. When the browser encounters a <script> tag, it pauses the parsing of HTML to execute the code within the script. Usi

When should we use double or single quotes in JavaScript ?

This article aims to clarify when you should use double or single quotes while coding in JavaScript. If you have worked with JavaScript, you may know that it allows expressing string literals with both double quotes (â€œ) and single quotes (â€˜). There are many differences between double and single quot

What happen when we directly assign the variable without declaring it in JavaScript ?

JavaScript has two scopes which are the local scope and global scope and when we directly assign a variable without declaring, it becomes a global property of the window object. The window is the object of the browser. It is not the object of JavaScript. It is automatically created by the browser an

JavaScript Course Understanding Code Structure in JavaScript

Inserting JavaScript into a webpage is much like inserting any other HTML content. The tags used to add JavaScript in HTML are <script> and </script>. The code surrounded by the <script> and </script> tags is called a script blog. The 'type' attribute was the most important a

What purpose does a <script> tag serve inside of a <noscript> tag?

Usage of NoScript tag: The tag defines alternate content that will be displayed if the user has disabled script or browser does not support script. It can be used inside both <head> and <body> tag. Syntax: <noscript> Contents... </noscript> Example: [GFGTABS] HTML <html

What are the Equivalent of printf/String.Format in JavaScript ?

The printf function and the String.Format() methods are two popular string formatting tools in other programming languages, but JavaScript does not have a built-in equivalent. However, there are several approaches to achieving the same functionality in JavaScript. Modern way to print string. [GFGTAB

How to replace the entire HTML node using JavaScript ?

To replace an entire HTML node using JavaScript, you can use methods that allow you to remove an existing node and insert a new one in its place. Approach: Using replace() method Take the new document as a form of string(eg.. Str = '< html > < /html > '). Use .replace() method on the HTM

Throwing an Error "cannot read property style of null" in JavaScript

In this article, we will see how we may receive an error "cannot read property style of null" in JavaScript, along with understanding the cause to get this error with the help of an example, and thereafter we will try to understand how we may correct it with certain small changes in the code snippet

What is Strict Mode and how to enable it in JavaScript ?

The strict mode of JavaScript, introduced in ECMAScript 5, is a mechanism to opt into a restricted version of JavaScript." Strict mode modifies the regular JavaScript semantics in the following ways: Some JavaScript silent errors are eliminated by converting them to throw errors. How to enable stric

Where should we use script tag in the HTML ?

In this article, we are going to learn about that what are the reasons that we should not add the <script> tag at the top of the body tag inside the HTML code instead of we should add the script file at the end of the HTML code. Script Tag: It is used to add JavaScript inside the HTML code and