你们好，最近小未来发现有诸多的小伙伴们对于学javascript需要学html吗，javascript需要什么基础这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、 !DOCTYPE html
2、 html
3、 head
4、 meta charset='utf-8'
5、 Title Rookie Tutorial (run OOB. com)/Title
6、 /head
7、 body
8、 p
9、 JavaScript可以直接写入HTML输出流：
10、 /p
11、 script
12、 Document.write('h1这是标题/h1 ')；
13、 Document.write('p这是一段。/p’)；
14、 /script
15、 p
16、 您只能在HTML输出流中使用strongdocument.write/strong。
17、 如果在文档加载后使用它(例如，在函数中)，整个文档将被覆盖。
18、 /p
19、 /body
20、 /html
21、 您只能在HTML输出中使用document.write。如果在文档加载后使用此方法，整个文档将被覆盖。
22、 !DOCTYPE html
23、 html
24、 head
25、 meta charset='utf-8'
26、 Title Rookie Tutorial (run OOB. com)/Title
27、 /head
28、 body
29、 H1我的第一个JavaScript/h1
30、 p
31、 JavaScript可以对事件做出反应。例如，点击一个按钮：
32、 /p
33、 按钮类型=' button ' onclick=' alert('欢迎！')'点我！/按钮
34、 /body
35、 /html
36、 alert()函数在JavaScript中不常用，但对于代码测试来说非常方便。
37、 onclick事件只是您将在本教程中了解的许多事件之一。
38、 使用JavaScript处理HTML内容是一个非常强大的功能。
39、 !DOCTYPE html
40、 html
41、 head
42、 meta charset='utf-8'
43、 Title Rookie Tutorial (run OOB. com)/Title
44、 /head
45、 body
46、 H1我的第一个JavaScript/h1
47、 p id='demo'
48、 JavaScript可以改变HTML元素的内容。
49、 /p
50、 script
51、 function myFunction()
52、 {
53、 x=文档。getelementbyid(' demo ')；//找到元素
54、 x.innerHTML='你好JavaScript！'//改变内容
55、 }
56、 /script
57、 button type=' button ' onclick=' my function()'点击这里/按钮
58、 /body
59、 /html
60、 你会经常看到文件。getelementbyid ('someid ')。这个方法是在HTML DOM中定义的。
61、 DOM (DocumentObjectModel)是访问HTML元素的正式W3C标准。
62、 你将在本教程的几个章节中学习HTML DOM。
63、 更改HTML元素的样式是更改HTML属性的一种变体。
64、 !DOCTYPE html
65、 html
66、 head
67、 meta charset='utf-8'
68、 Title Rookie Tutorial (run OOB. com)/Title
69、 /head
70、 body
71、 H1我的第一个JavaScript/h1
72、 p id='demo'
73、 JavaScript可以改变HTML元素的样式。
74、 /p
75、 script
76、 function myFunction()
77、 {
78、 x=文档。getelementbyid(' demo ')//找到元素
79、 十。风格。color=' # ff 0000//改变样式
80、 }
81、 /script
82、 button type=' button ' onclick=' my function()'点击这里/按钮
83、 /body
84、 /html
85、 JavaScript通常用于验证用户输入。
86、 !DOCTYPE html
87、 html
88、 head
89、 meta charset='utf-8'
90、 Title Rookie Tutorial (run OOB. com)/Title
91、 /head
92、 body
93、 H1我的第一个JavaScript/h1
94、 p请输入一个数字。如果输入值不是数字，浏览器会弹出提示框。/p
95、 input id='demo' type='text'
96、 script
97、 function myFunction()
98、 {
99、 var x=document.getElementById('demo').value;
100、 if(x==''||isNaN(x))
101、 {
102、 Alert('不是数字')；
103、 }
104、 }
105、 /script
106、 button type=' button ' onclick=' my function()'点击这里/按钮
107、 /body
108、 /html
109、 HTML中的脚本必须在脚本和/script标记之间。
110、 脚本可以放在HTML页面的主体和头部。
111、 要将JavaScript插入HTML页面，请使用Script标签。
112、 Script和/script告诉JavaScript从哪里开始和结束。
113、 scriptalert('我的第一个JavaScript’)；/脚本
114、 你不需要理解上面的代码。只需要理解浏览器在Script和/script之间解释和执行JavaScript代码。
115、 那些旧实例可能在脚本标记中使用type='text/javascript'现在没必要这么做。JavaScript是所有现代浏览器和HTML5的默认脚本语言。
116、 在本例中，当页面加载时，JavaScript会将文本写入HTML的正文：
117、 !DOCTYPE html
118、 html
119、 head
120、 meta charset='utf-8'
121、 Title Rookie Tutorial (run OOB. com)/Title
122、 /head
123、 body
124、 p
125、 JavaScript可以直接写入HTML输出流：
126、 /p
127、 script
128、 Document.write('h1这是标题/h1 ')；
129、 Document.write('p这是一段。/p’)；
130、 /script
131、 p
132、 您只能在HTML输出流中使用strongdocument.write/strong。
133、 如果在文档加载后使用它(例如，在函数中)，整个文档将被覆盖。
134、 /p
135、 /body
136、 /html
137、 上例中的JavaScript语句将在页面加载时执行。
138、 通常，我们需要在事件发生时执行代码，比如当用户点击一个按钮时。
139、 如果我们将JavaScript代码放入一个函数中，我们可以在事件发生时调用该函数。
140、 在后面的章节中，你会学到更多关于JavaScript函数和事件的知识。
141、 您可以在一个HTML文档中放置无限数量的脚本。
142、 脚本可以位于HTML的主体或头部，或者同时位于两个部分。
143、 通常的做法是将函数放在页面的头部或底部。这样，它们可以放在同一个地方，而不会扰乱页面的内容。
144、 在这个例子中，我们在HTML页面的头部放置了一个JavaScript函数。
145、 单击按钮时将调用此函数：
146、 !DOCTYPE html
147、 html
148、 head
149、 meta charset='utf-8'
150、 Title Rookie Tutorial (run OOB. com)/Title
151、 script
152、 function myFunction(){
153、 document . getelementbyid(' demo ')innerHTML='我的第一个Java Script语言函数";
154、 }
155、 /script
156、 /head
157、 body
158、 H1我的网页/h1
159、 演示一个段落。/p
160、 button type=' button ' onclick=' my function()'点击这里/按钮
161、 /body
162、 /html
163、 在这个例子中，我们在HTML页面的主体部分放置了一个JavaScript函数。
164、 单击按钮时将调用此函数：
165、 !DOCTYPE html
166、 html
167、 head
168、 meta charset='utf-8'
169、 Title Rookie Tutorial (run OOB. com)/Title
170、 /head
171、 body
172、 H1我的第一个网页/h1
173、 演示一个段落。/p
174、 button type='button' onclick='myFunction()'点击这里/button
175、 script
176、 function myFunction(){
177、 document.getElementById('demo').innerHTML='我的第一个JavaScript 函数';
178、 }
179、 /script
180、 /body
181、 /html
182、 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
183、 外部JavaScript 文件的文件扩展名是.js。
184、 如需使用外部文件，请在script 标签的'src' 属性中设置该.js 文件：
185、 !DOCTYPE html
186、 html
187、 head
188、 meta charset='utf-8'
189、 title菜鸟教程(runoob.com)/title
190、 /head
191、 body
192、 h1我的Web 页面/h1
193、 p id='demo'一个段落。/p
194、 button type='button' onclick='myFunction()'点击这里/button
195、 pb注释：/bmyFunction 保存在名为'myScript.js' 的外部文件中。/p
196、 script src='myScript.js'/script
197、 /body
198、 /html
199、 你可以将脚本放置于head 或者body中实际运行效果与您在script 标签中编写脚本完全一致。
200、 myScript.js 文件代码如下：
201、 function myFunction(){
202、 document.getElementById('demo').innerHTML='我的第一个JavaScript 函数';}
203、 外部脚本不能包含script 标签。
204、 如果你需要了解的更多，复制并访问网址进入学习：runoob.com/js/js-tutorial.html
以上就是javascript需要什么基础这篇文章的一些介绍，希望对大家有所帮助。