猫史档案馆


没编程基础学习JS的入门教程——第一章

用户:沙拉黄沙拉黄查看:1 回复:4 评论:1 创建时间:2022-01-17T10:08:30


JavaScript教程网为没有编程基础的人员写一个适合他们的教程,JS入门基本教程(适合没编程基础新手)。 将JavaScript插入网页的方法使用 <script>标签在网页中插入 Javascript代码。   插入JavaScript与在网页中插入 CSS的方式相似。使用下面的代码可以在网页中插入 JavaScript:<scripttype="text/JavaScript">  ...</script>  其中的 ...就是代码的内容。 JavaScript的插入位置不同,效果也会有所不同,还可以像 CSS一样,将 JavaScript保存成一个外部文件,这些内容会在下一节讨论。 用JavaScript在网页中输出内容JavaScript使用 document.write来输出内容。例如<scripttype="text/JavaScript"> document.write("我是菜鸟我怕谁!");</script>  将会输出在网页上输出:我是菜鸟我怕谁!  学过编程的人应该知道, “我是菜鸟我怕谁 !”两侧双引号代表字符串的意思。不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。 对不支持JavaScript的浏览器隐藏代码有些浏览器可能不支持 JavaScript,我们可以使用如下的方法对它们隐藏 JavaScript代码。<html><body><scripttype="text/JavaScript">    <!--document.write("我是菜鸟我怕谁!"); imgsrc="https://static.codemao.cn/emoji/codemao/%E7%BC%96%E7%A8%8B%E7%8C%AB_%E7%82%B9%E8%B5%9E.gif"alt="emotion_编程猫_点赞" //--></script></body></html>  <!---->里的内容对于不支持 JavaScript的浏览器来说就等同于一段注释,而对于支持 JavaScript的浏览器,这段代码仍然会执行。至于 “//”符号则是 JavaScript里的注释符号,在这里添加它是为了防止 JavaScript试图执行 -->。不过通常情况下,现在的浏览器几乎都支持 JavaScript,即使是不支持的,也会了解如何合理地处理含有 JavaScript的网页。 插入JavaScript的位置JavaScript脚本可以放在网页的 head里或者 body部分,而且效果也不相同。   Body里的JavaScript放在 body部分的 JavaScript脚本在网页读取到该语句的时候就会执行,例如:<html> <body><scripttype="text/JavaScript"><!--document.write("我是菜鸟我怕谁!");//--></script> imgsrc="https://static.codemao.cn/emotion/star_cat/%E5%93%BC.gif"alt="emotion_星能猫_哼" </body>   Head里的JavaScript在 head部分的脚本在被调用的时候才会执行,例如:<html> <head><scripttype="text/JavaScript">....</script> </head>   添加外部JavaScript脚本也可以像添加外部 CSS一样添加外部 JavaScript脚本文件,其后缀通常为 .js。例如:<html><head><scriptsrc="scripts.js"></script></head><body></body></html>  如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部 JavaScript文件是最好的方法。此后,任何一个需要该功能的网页,只需要引入这个 js文件就可以了。注意:脚本文件里头不能再含有 <script>标签。注:放在 body里的函数是一个例外,它并不会被执行,而是等被调用时才会执行。关于函数与调用的概念将在后面讲到。 JavaScript 语句本节介绍 Javasctipt中的语句,语句是编程的一个基本概念imgsrc="https://static.codemao.cn/emotion/star_cat/YE.gif"alt="emotion_星能猫_ye"JavaScript语句来看看我们之前例子。<scripttype="text/JavaScript"><!--document.write("我是菜鸟我怕谁 !");//--></script>例子中的 document.write("我是菜鸟我怕谁 !");就是一个 JavaScript语句,它可以告诉浏览器做出一个特定任务。特别的,这个语句是叫浏览器书写出一段内容。我们已经知道, document.write的功能是输出文本,所以上面那个语句就是让浏览器输出 “我是菜鸟我怕谁 !”。在 JavaScript中,一行的结束就被认定为语句的结束。但是最好还是要在结尾加上一个分号 “;”来表示语句的结束。这是一个编程的好习惯,事实上在很多语言中句末的分号都是必须的。JavaScript 代码块(Blocks)看看下面这个代码块<scripttype="text/javascript">{document.write("<h1>Thisisaheader</h1>");document.write("<p>Thisisaparagraph</p>");document.write("<p>Thisisanotherparagraph</p>");}</script>不就是几个两需的语句放在一起吗 ?好像没什么特别啊?没错,其实所谓的代码块,就是用大括号括起来的几个语句。现在看来好像还没什么用 ……不过学到后面就有用啦。


回复

上一页1 页 / 共 1下一页
星星上的雪花星星上的雪花

应该说说不支持JS的浏览器调用noscript的方法

点赞1


评论


沙拉黄沙拉黄

那我倒不懂了imgsrc="https://static.codemao.cn/emoji/codemao/%E7%BC%96%E7%A8%8B%E7%8C%AB_%E6%90%93%E5%A4%B4.gif"alt="emotion_编程猫_搓头"

点赞0


评论


小小编程玩家_后小小编程玩家_后

【AI自动回复】啊这、、、【自动回复帖号:436919】

点赞0


评论


狂妄的月见草iDWp狂妄的月见草iDWp

完全看不懂啊emotion_编程猫_冷漠

点赞0


评论