js

最新推荐文章于 2022-09-23 07:47:55 发布

大怪兽0110

最新推荐文章于 2022-09-23 07:47:55 发布

阅读量168

点赞数

文章标签：初接触js 简单了解与部分功能的实现

本文链接：https://blog.csdn.net/hyf1712011164/article/details/80614991

版权

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>

您只能在 HTML 输出流中使用 <strong>document.write</strong>。

如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

<button type="button" οnclick="alert('Welcome!')">点击这里</button>

会显示如下的窗口

function myFunction()

{

x=document.getElementById("demo");// 找到元素

x.innerHTML="Hello JavaScript!"; // 改变内容

}

</script>

 
  <!DOCTYPE html 
  > 
 
 
  < 
  html 
  > 
 
 
  < 
  head 
  > 
 
 
  < 
  script 
  > 
 
 
  function 
  myFunction() 
 

   { 
 
 
  document. 
  getElementById( 
  "demo"). 
  innerHTML= 
  "My First JavaScript Function"; 
 

   } 
 
 
  < 
  / 
  script 
  > 
 
 
  </ 
  head 
  > 
 

 
  < 
  body 
  > 
 

 
  < 
  h1 
  >My Web Page 
  </ 
  h1 
  > 
 

 
  < 
  p 
  id= 
  "demo" 
  >A Paragraph. 
  </ 
  p 
  > 
 

 
  < 
  button 
  type= 
  "button" 
  onclick= 
  "myFunction()" 
  >点击这里 
  </ 
  button 
  > 
 

 
  </ 
  body 
  > 
 
 
  </ 
  html 
  > 
 

定义一个myFunction作用是根据找到html中的ID名，从而改变其内容

点击之后会改变其内容

如图：

<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
  {
  element.src="/i/eg_bulboff.gif";
  }
else
  {
  element.src="/i/eg_bulbon.gif";
  }
}
</script>


<img id="myimage" οnclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

通过一个if语句来实现点击一下更换图片

JavaScript：改变 HTML 样式

改变 HTML 元素的样式，属于改变 HTML 属性的变种。

实例

x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";           //改变样式

改变

JavaScript：验证输入

JavaScript 常用于验证用户的输入。

实例

if isNaN(x) {alert("Not Numeric")};

JAVA与javascript的区别

JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上。

Java（由 Sun 发明）是更复杂的编程语言。

ECMA-262 是 JavaScript 标准的官方名称。

JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。

请输入数字。如果输入值不是数字，浏览器会弹出提示框。

<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
	{
	alert("Not Numeric");
	}
}
</script>

<button type="button" οnclick="myFunction()">点击这里</button>

通过这样一个if语句实现筛选出数字的功能，

NaN 即 Not a Number

isNaN(numValue)

if(x==""||isNaN(x))

NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。

就是如果x的值等于空字符或者非数字。

大怪兽0110

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js

&lt;script&gt;document.write("&lt;h1&gt;This is a heading&lt;/h1&gt;");document.write("&lt;p&gt;This is a paragraph.&lt;/p&gt;");&lt;/script&gt;您只能在 HTML 输出流中使用 &lt;strong&gt;do
复制链接

扫一扫