JavaScript基础

来源：互联网发布：王陆807和语料库知乎编辑：程序博客网时间：2024/06/11 08:34

显示一个变量：

var a=12;s="hello";var q="world"; var z=s+q;alert(a);alert(s);alert(z);

通过DOM(Document Object Model)-文档对象模型来控制网页行为。

<div><p id="p1">这是段落1.</p><p id="p2">这是段落2.</p><div>

var p1=document.getElementById("p1");var p2=document.getElementById("p2");var t=p1.innerHTML;alert(t);p2.innerHTML="this is change text"

function hello(){    alert("hello world!");}hello();

<button id='b1'>点我</button>var b1=document.getElementById("b1");b1.onclick=bclick;function bclick(){   alert('我被点击了!');}

还有很多事件,像：onmouseover（鼠标移动到元素）、onmouseup（鼠标按键被松开），你可以用onmouseover代替onclick，是当鼠标移到button上时触发。

输入框：

<input id='input1'>

通过value属性来获取输入框的值

var input1=document.getElementById("input1");var value=input1.value;

<input type="text" id="input1"><button id="button1">click me</button>var i1=document.getElementById("input1");var b1=document.getElementById("button1");b1.onclick=display;function display(){   alert(i1.value);}

在html文件中加入JavaScript代码,就是把放在body标签的末尾位置，像这样：

<html>  <head>    <title></title>  </head>  <body>    <h1>引入文件</h1>    <script>    </script>  </body></html>

<h1>斌叔的日记本</h1><p>标题：</p><input id="title"></input><p>内容：</p><textarea id="content" cols="30" rows="10"></textarea><p><button id="submit">提交</button></p><p>以往内容:</p><div id="history"></div>

var submit=document.getElementById("submit");submit.onclick=function(){  var title_element=document.getElementById("title");  var title=title_element.value;  var content_element=document.getElementById("content");  var content=content_element.value;  var history_element=document.getElementById("history");  var history=history_element.innerHTML;  history=history+"<p>标题："+title+"</p>";  history=history+"<p>内容："+content+"</p>";  history=history+"<hr>";  history_element.innerHTML=history;};

方法parseInt()，它可以把字符串转化为数字，然后在做加法运算。语法是这样的：parseInt(str, 10); （str即我们要转化的字符串 ，10表示十进制）在HTML部分的代码中加入jQuery的引用：可以直接将这句代码粘贴入到script中的src中  https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

阅读全文

0 0