JavaScript基础教程(一)

一、JavaScript介绍

    1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务器、PC端、移动端。

2.JavaScript脚本语言:JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的浏览器执行。

二、JavaScript实现

1.JavaScript用法:HTML中的脚本必须位于<script></script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。

2.JavaScript标签:在HTML中插入JavaScript,使用<script>标签。在<script></script>之间书写代码

3.JavaScript使用限制:在HTML中,不限制脚本数量。通常会把脚本放置于<head>标签中,以不干扰页面内容。

4.代码演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        document.write("hello yeleven");
    </script>
</head>
<body>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script>
    document.write("hello yeleven");
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script>
    document.write("hello yeleven");
</script>
<script>
    document.write("hello yeleven");
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <script src="myjs.js"></script>
</body>
</html>

三、JavaScript输出

1.JavaScript通常用来操作HTML

2.文档输出:document.write("<p>This is my first JavaScript</p>");

3.实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <p id="pid">Hello</p>
    <script>
        document.getElementById("pid").innerHTML="yeleven";
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script>
    document.write("<h1>标签h1</h1>");
</script>
</body>
</html>
时间: 2024-11-03 10:05:58

JavaScript基础教程(一)的相关文章

javascript入门书籍推荐《javascript基础教程》

前段时间看javascript高级教程的时候,发现很多基础的javascript概念,自己不懂. 网上搜了一下,看到大家对<javascript基础教程(第8版)>评价不错,买了一本. 作者: (美)Tom Negrino Dori Smith 译者: 陈剑瓯 柳靖 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 翻开看了后,受益匪浅,决定将这本书推荐给javascript的入门童鞋. 这本书的读者,要有一定的HTML基础,因为javascript基本都是对Dom的操作,所以,有一定的HT

《JavaScript基础教程(第8版)》PDF

简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览器窗口.表单.正则表达式.用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识.本书不仅介绍了基础知识和使用方法,也深入探讨了JavaScript应用示例. 封面: 目录:第1章 了解JavaScript 11.1 JavaScript是什么 11.2 JavaScr

javascript 基础教程[温故而知新一]

子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东西.所以我才打算写个"温故而知新"的系列博文出来,一来是这些基础的东西我比较健忘,以后方便自己翻阅:二来是希望可以帮助到一些刚入门的朋友.这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识.大部分都是我

JavaScript基础教程(二)

一.JavaScript语法 1.JavaScript语句:JavaScript语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. 2.分号:语句之间用分号分割.分号是可选项,可以不加.建议加上. 3.JavaScript代码:按照编写顺序依次执行. 4.标识符:JavaScript标识符必须以字母.下划线或美元符号开始.JS关键字不能使用(如document). 5.JS对大小写敏感. 6.加空格不影响执行. 7.代码换行:不要再代码的字母之间换行 8.保留字:使用的时候注意 <!DOC

[JavaScript] 学习笔记-JavaScript基础教程

1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入HTML后,可由所有的浏览器执行 2)HTML中的脚本必须位于<script></script>标签之间:脚本可被放置于HTML页面的<head>和<body>部分中(通常把脚本放在<head>标签中,以不干扰页面的内容) 3)在HTML中,不限制脚本

JavaScript基础教程(一)—处理事件

一.处理事件(一) 事件(event)是用户在访问页面时执行的操作.提交表单和在图像上移动鼠标就是两种事件.当浏览器探测到一个事件时,比如用鼠标单击或按键,它可以触发与这个事件相关联的JavaScript 对象,这些对象称为事件处理程序(eventhandler)或者叫做事件侦听器.. 1. 设置HTML标签属性为事件处理程序(避免使用) (1)直接将JS代码写在HTML上 <p onclick="alert('click')">HTML事件处理程序</p> (

JavaScript基础教程(三)

一.JS变量 1.变量是用来储存信息的"容器".例:var x=10; var y=10.1; var z="hello"; <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body&g

三元运算符——Javascript基础教程mark

三元运算符 判断条件?(条件为真时执行):(条件为假时执行) 对比记忆 var color='red' ; //判断颜色是否为red if(color==='red') { console.log('takeout'); }else { console.log('nothing'); } //使用三元运算符实现 color==='red' ?  console.log('takeout') : console.log('nothing') ; 注:复杂的条件不建议写成三元运算符,直接用if el

web前端javaScript基础教程

大家好,我是轻风乍起,本人从事前端8年了,总结了很多学习资料,有时间我会普及一些入门和提升建议,思想提升了,路线明确了自然就好了,于是就整理了下这篇学习路线文章,干货福利内容 在文末↓ 一,循环语句1.1 累加器累加器:我们不想输出所有的可能值,只想输出一个最后满足条件的总数.累加器:1累加器是一个变量,必须书写在for循环外面.2累加器初始值是0,有一个满足条件的结果累加器自加13累加器最终结果也是在for外面输出 案例:求一个正整数约数总个数.1// 获取数字2var num = parse