大数据编程入门：JavaScript输出
作者：游老师 浏览次数： 2021-08-05 14:50
JavaScript是一种当前最流行的脚本语言，这门语言经常用于Web，今天小编将为大家带来大数据编程入门：JavaScript输出。
一、JavaScript概念
JavaScript是一种具有函数有限的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
二、JavaScript输出
1、JavaScript：直接写入HTML输出流
运行结果：
注意：document.write只能在HTML输出中使用，如果在加载文档后使用此方法，将覆盖整个文档。
2、JavaScript：对事件的反应
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米谷</title>
</head>
<body>
<h1>我的第一个 JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击：
</p>
<button type="button" onclick="alert('欢迎，我尊贵的VIP!')">点我!</button>
</body>
</html>
运行结果：
alert()函数在JavaScript中并不常用，但它非常方便代码测试。
3、JavaScript：改变HTML内容
使用JavaScript处理HTML内容的功能是非常强大。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米谷的JavaScript</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
运行结果：
在上面的document.getElementByld(“some id”)这个方法是HTML DOM中定义的。
DOM全称为Document Object Model，翻译成中文为文档对象模式，适用于访问HTML元素的正式W3C标准。
4、JavaScript：改变HTML图像
运行结果：
在上面所演示的实例中，图片放在与HTML文档同一个文件的image文件中，因此路径为image/pic_buloff.gif。
上面示例中的代码codeelement.src.match("bulbon") 意味着检索<img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> 里的src属性的值是否包含字符串bulbon，如果存在字符串bulbon，则图像SRC将更新为bulboff.gif。如果字符串bulbon不匹配，SRC将更新为bulbon.gif。
5、JavaScript：改变HTML样式
更改HTML元素的样式是更改HTML属性的一种变体。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>miuku</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
运行结果：
6、JavaScript：验证输入
JavaScript可以常用于验证用户的输入。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Miuku</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
运行结果：
说明：Java和JavaScript无论是在概念上还是在设计上两种完全不同的语言，且Java是更复杂的编程语言。
ECMA-262是JavaScript标准的官方名称。
以上就是关于大数据编程入门：JavaScript输出的全部内容了，希望这篇文章可以帮助到大家~
JavaScript是一种具有函数有限的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
二、JavaScript输出
1、JavaScript：直接写入HTML输出流
2、JavaScript：对事件的反应
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米谷</title>
</head>
<body>
<h1>我的第一个 JavaScript</h1>
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击：
</p>
<button type="button" onclick="alert('欢迎，我尊贵的VIP!')">点我!</button>
</body>
</html>
运行结果：
3、JavaScript：改变HTML内容
使用JavaScript处理HTML内容的功能是非常强大。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米谷的JavaScript</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
运行结果：
DOM全称为Document Object Model，翻译成中文为文档对象模式，适用于访问HTML元素的正式W3C标准。
4、JavaScript：改变HTML图像
上面示例中的代码codeelement.src.match("bulbon") 意味着检索<img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> 里的src属性的值是否包含字符串bulbon，如果存在字符串bulbon，则图像SRC将更新为bulboff.gif。如果字符串bulbon不匹配，SRC将更新为bulbon.gif。
5、JavaScript：改变HTML样式
更改HTML元素的样式是更改HTML属性的一种变体。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>miuku</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
运行结果：
JavaScript可以常用于验证用户的输入。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Miuku</title>
</head>
<body>
<h1>我的第一段 JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
运行结果：
ECMA-262是JavaScript标准的官方名称。
以上就是关于大数据编程入门：JavaScript输出的全部内容了，希望这篇文章可以帮助到大家~
- 上一篇：学习大数据要注意的是什么？如何选择就业？
- 下一篇：什么人适合学习大数据？
