关于JavaScript的知识简单了解（自己看）

最新推荐文章于 2024-07-28 15:46:11 发布

three_co

最新推荐文章于 2024-07-28 15:46:11 发布

阅读量307

点赞数

分类专栏： JavaScript 文章标签： python javascript 编程爬虫 web

本文链接：https://blog.csdn.net/three_co/article/details/78736298

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。

通过指定的 id 来访问 HTML 元素，并改变其内容：

<html>
<body>

<h1>我的第一张网页</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML="我的第一段 JavaScript";
</script>

</body>
</html>

2、在页面加载时向 HTML写入文本：

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
3、把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。该函数会在点击按钮时被调用：
<body>
<h1>My Web Page</h1>

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

<button type="button" οnclick="myFunction()">Try it</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>

</body>
4、如需使用外部文件，在 <script> 标签的 "src" 属性中设置该 .js 文件
<script src="myScript.js"></script>
5、JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
虽然与java毫无关联，但是也有些语法是类似的，比如说单行注释是//多行注释是/* */
6、变量是存储信息的容器。
  
  
   
   <script>
  
  


  
  
   
   var x=2;
  
  


  
  
   
   var y=3;
  
  


  
  
   
   var z=2+3;
  
  
  
  
   
   

  
  
  
  
   
   document.write(x + "<br>");
  
  


  
  
   
   document.write(y + "<br>");
  
  


  
  
   
   document.write(z + "<br>");
  
  


  
  
   
   </script>
  
  
7、当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
HTML DOM 模型被构造为对象的树。

HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。
如需改变 HTML 元素的内容，请使用这个语法：
document.getElementById(id).innerHTML=new HTML
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
如需改变 HTML 元素的属性，请使用这个语法：
document.getElementById(id).attribute=new value
<img id="image" src="smiley.gif">

<script>
document.getElementById("image").src="landscape.jpg";
</script>
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。
如需改变 HTML 元素的样式，请使用这个语法：
document.getElementById(id).style.property=new style
   
   
    
    <h1 id="id1">My Heading 1</h1>
   
   


   
   
    
    <button type="button" οnclick="document.getElementById('id1').style.color='red'">
   
   


   
   
    
    点击这里
   
   


   
   
    
    </button>
   
   
8、在本例中，当用户在 <h1> 元素上点击时，会改变其内容：
<p onclick = 'this.innerHTML = "大哥"' style ='font-family:consolas;color:green;font-size:30px;text-align:center'>我是谁</p>
或者说在head或者body里面添加方法：
  
  
   
   <script>
  
  
  
  
   
   function changetext(id)
  
  
  
  
   
   {
  
  
  
  
   
   id.innerHTML='666';
  
  
  
  
   
   }
  
  
  
  
   
   </script>
  
  
然后这样调用
<p onclick = 'changetext(this)' Style = 'font-family:consolas;font-size:30px;color:green;text-align:center'>click it!</p>
9、Invalid HTTP_HOST header:

three_co

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于JavaScript的知识简单了解（自己看）

1、从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。通过指定的 id 来访问 HTML 元素，并改变其内容：我的第一张网页id="demo">我的第一个段落document.getElementById("demo").innerHTML="我的第一段 JavaScript";2、在页面
复制链接

扫一扫

专栏目录