JavaScript implementation causing Safari to display a blank page

Question

JavaScript implementation causing Safari to display a blank page

After diving into JavaScript recently, I encountered some issues right away. I've been attempting to run a simple "Hello World" program but no success so far. Each time I open the html file in Safari, it displays only a blank page. Despite having enabled JavaScript in Safari preferences, nothing seems to work. The file has been saved with a .html extension. Here is the code I wrote using Sublime Text 2:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title> JS Test Page </title>
</head>

    <script type=“text/javascript”>
          document.write(“hello world”); 
    </script>

<body>

</body>
</html>

If relevant, the file path in the URL is: file:///Users/ME/Desktop/testJS.html

javascript safari

Answer 1

Answer №1

Make sure to place your script tag either within the head or body section of your HTML document.

Additionally, be cautious of using double quotes that may contain unicode characters. This can lead to issues with your code execution. It's possible that these characters were inadvertently copied from a source with an unusual font style, causing errors in your script.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title> Example Page </title>

    <script type="text/javascript">
        document.write("hello world"); 
    </script>
</head>

<body>

</body>
</html>

Answer 2

Make sure to place your script tag either within the head or body section of your HTML document.

Additionally, be cautious of using double quotes that may contain unicode characters. This can lead to issues with your code execution. It's possible that these characters were inadvertently copied from a source with an unusual font style, causing errors in your script.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title> Example Page </title>

    <script type="text/javascript">
        document.write("hello world"); 
    </script>
</head>

<body>

</body>
</html>

Answer 3

Answer №2

To ensure that your code runs properly, make sure to place it within the head tag.

It is important that both instances of the document.write method output text before the document has finished loading.

For more information, visit http://javascript.info/tutorial/document-write.

Answer 4

To ensure that your code runs properly, make sure to place it within the head tag.

It is important that both instances of the document.write method output text before the document has finished loading.

For more information, visit http://javascript.info/tutorial/document-write.

Answer 5

Answer №3

Have you simply copied and pasted this snippet?

<script type=“text/javascript”>
    document.write(“hello world”); 
</script>

The reason for your error lies in the double quotes, consider using the corrected code below:

<script type="text/javascript">
   document.write("hello world"); 
</script>

Remember to place your script tag within the body or head tags.

Answer 6

Have you simply copied and pasted this snippet?

<script type=“text/javascript”>
    document.write(“hello world”); 
</script>

The reason for your error lies in the double quotes, consider using the corrected code below:

<script type="text/javascript">
   document.write("hello world"); 
</script>

Remember to place your script tag within the body or head tags.

JavaScript implementation causing Safari to display a blank page

Answer №1

Answer №2

Answer №3

Similar questions

Having trouble accessing the value of an <asp:HiddenField> using javascript

Can a substring within a string be customized by changing its color or converting it into a different HTML tag when it is defined as a string property?

SQL inputs with information that updates automatically / autofill SQL input boxes

Tips for preventing the loss of ajax calls when an Oauth access-token expires

Display the Currently Searched Value with Select2

Having trouble with the GitHub publish action as it is unable to locate the package.json file in the root directory, even though it exists. Struggling to publish my node package using this

What is the best way to notify the user about the input in the textbox?

Having trouble with your Bootstrap 4 Dropdown Menu?

Enhancing Bootstrap UI Typeahead to Display Multiple Fields in Results List

The size of objects on canvas is not consistent when loading with fabric.js loadFromJSON

Differentiating categories in the second parameter for controller method in AngularJS?

Tips on working with an array received from a PHP script through AJAX

Adding images to chart labels in vue-chartjs explained

Refining to Showcase One Menu Selection

Using Javascript to dynamically swap images within a div as the user scrolls

Error in React Typescript Order Form when recalculating on change

What is the best way to conceal a div when there are no visible children using AngularJS?

Tips for incorporating theme colors in the "color" prop when employing MaterialUI components

Is there a way to dynamically update the target of a form using JavaScript?

Divide material-ui toolbar into separate left and right sections