js怎么用

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎么用相关的知识，希望对你有一定的参考价值。

我知道js声明var(变量)，但怎么在html里写呢。
像css文件， css="样式"
可是js怎么调用在html呢。

最好举个例子，怎么调用。

来看看js代码的用法。


我们在使用javascript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。

我们先来看第一种用法：在HTML页面中直接嵌入js代码

如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 <script> 标签，<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript：

<script>

alert("My First JavaScript");

</script>

在HTML页面的任何位置（head部分 body部分 body的后面 较好）都可以插入script标签。

你有可能会在 <script> 标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。

我们来看一个具体的示例

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script>

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

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

</script>

</body>

</html>

上述代码就是在在HTML页面中直接嵌入js代码。

接着我们来看看js代码的第二种用法：通过链接外部的JavaScript文件。

有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。

我们链接外部JavaScript文件可以有以下步骤

1、首先我们建立一个JavaScript文件，扩展名是.js

2、然后将要编写的js代码写到Js文件中，并保存文件。

3、使用script标签将JavaScript文件链接到HTML文件中

<script type="text/javascript" src="JavaScript文件名和路径"></script>

需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。

我们来看一个具体的示例

我们先建一个js文件sample.js

然后写入js代码

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

最后使用script标签将JavaScript文件链接到HTML文件中

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript" src="sample.js"></script>

</body>

</html>

以上就是js代码使用的两种方法

 参考技术A 我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。

你主要指哪一种 参考技术B <script type="text/javascript">
    var yourName = "pig";
    alert(yourName);
</script>

追问

    我知道这样写，怎么用到HTML里面。比如说，这段代码怎么调用

<scripttype="text/javascript">

varvText="What'sup?";

varvLen=vText.length;

if(vLen<100)

document.write("<p>该字符串长度小于100。</p>")

</script>

追答var divOne = document.getElementById("divOne");
divOne.innerHTML = "this is javascript";

前提是网页里有一个,并且js要在div之后(或者写在页面加载完成的事件里.)

<div id="divOne"></div>

 

你上面的那些代码不需要调用,浏览器解析到,就执行了...除非是function才需要调用


你妹的,这样不久行啦..

<html>

<head></head>

<body>

<scripttype="text/javascript">

varvText="What'sup?";

varvLen=vText.length;

if(vLen<100)

document.write("<p>该字符串长度小于100。</p>")

</script>

</body>

</html>

 参考技术C 给你举个页面跟js交互的例子：
html里这样写，写一个按钮：
<input type="button" value="点击" onclick="aa()"/>//点击这个按钮，触发aa事件
在js里边就是这样写，写在head标签里边：
<script>
function aa()
alert("点击成功");


也可以这样写：
var aa=function()
alert("点击成功");

<script>
静态页面调js函数，必须以function开头，然后后面写上函数名，如果在页面加载的时候就运行js。可以写function ，也可以不写，给你举个例子
,<body onload="aa()">//加载页面时触发函数
也可以不写，直接在js这样写：
<script>
alert("加载时触发");
</script>
如果你专门写了js文件，想调用，其实跟css是一样的，加上路径引用就可以了，
<script src="aa.js"></script>
希望能帮到你，如果想学js，关注我的博客，可以看我的博文，可以给我留言，咱们共同探讨，共同学习。http://3795780.blog.51cto.com/# 参考技术D 我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。
我们先来看第一种用法：在HTML页面中直接嵌入js代码
如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 <script> 标签，<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

怎么用js删添一个option

怎么用js删添一个option
在几个下拉菜单中，通过什么方法来实现option的动态删添

<!doctype html>
<html>
<head>
<title> new document </title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function()
var obj = document.getElementById(\'obj\');
// 添加选项
for(var i=0; i<5; i++)
var opt = new Option(\'显示文本\' + i,\'选项值\' + i);
obj.add(opt,undefined);


// 删除选项
obj.remove(4);//移除第五项

// 设置被选中项
obj.selectedIndex = 2;// 选中第三项
obj.value = \'选项值1\';// 选中值为选项值1的那一项
// 获取下拉框的值
alert(obj.value);
alert(obj.options[obj.selectedIndex].value);
alert(obj.options[obj.selectedIndex].text);
// 清空下拉列表
obj.options.length = 0;

//-->
</SCRIPT>
<body>
<select id="obj"></select>
</body>
</html>

 参考技术A 首先，这个问题，我建议你使用JQuery；
使用步骤：首先你下载JQuery的js包，百度一下就有，很简单
其次，在你的页面当中引用，然后在你的js里边直接写
$("选择器").append（"option"）;即可
如果非要使用原生js的话
那么可以用js自己的appendChild和insertBefore
appendChild方法是在父级节点中的子节点的末尾添加新的节点（相对于父级节点 来说）。
insertBefore 方法 是在已有的节点前添加新的节点（相对于子节点来说的）。
具体语法也跟JQuery的类似

就是选择器要写成：document.getElementById("页面元素ID").;
具体如:
document.getElementById("选择器").appedChild("option"，元素); 参考技术B 用一个js函数返回option列表，在select的onclick动作指向该函数。 参考技术C <select id="aaa">
<option>dasdas</option>
<option>dasdas</option>
<option>dasdas</option>
<option>dasdas</option>
</select>
<input type="button" onclick="del()">
<script>
function del()

var a = document.getElementById("aaa");
if (a.options.length > 0)

a.removeChild(a.options[0]);


</script>

以上是关于js怎么用的主要内容，如果未能解决你的问题，请参考以下文章

js怎么用

有2层结构的cookies 用js怎么写

用js怎么让a标签失效，失效5秒钟之后，在改为有效，用js怎么写啊

想用怎么用js实现播放音频。

怎么用js实现图片的缩小？

为啥我在head引入一个JS文件，怎么用不了