JS入门 用javascript 编写一个简单网页
悉冲!doctype html
html lang="en"
head
meta charset="UTF-8"
titleDocument/title
script
var oddSum = function(n,fn){
var sum = 0;
fn = fn || function(n){
return n;
};
for(var i=0;in;i++){
if((i+1)1==1){
for(var j=0;ji+1;j++){
if((j+1)空告1==1)
sum+=fn(j+1);
}
}
}
return sum;
};
var factorial = function(n){
return n1 ? n*factorial(n-1) :1;
};
document.write('S=1+(1+3)+(1+3+5)+…+(1+3+5+…+19)'+oddSum(19));
document.write('br');
document.write('S=1!+ (1!+3! )+(1!+3!+5!)+…+(1!+3!+5!+…+19!)'+oddSum(19,function(n){ 睁亏歼return factorial(n); }));
/script
/head
body
/body
/html
怎样让javascript在网页中运行？
1、浏览器控制台运行
JavaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式
在这里就可以直接输入我们想输入的js代码，回车即可查看代码执行结果
在浏览器输入js代码的好处显而易见：方便，打开浏览器就能输代码查看执行结果，我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配，因为浏览器控制台的缺点太多了：操作不便，没法文件操作只能命令行，找错困难，镇唤搭大多数时候的js是有依赖的，控制台不方便整依赖，所以，一般控御拿制台也就执行执行简单原生的js
2、写在HTML里运行
实际上，我们肯定不想用命令行的方式，当然是用一个顺手的IDE写代码。
这种方式，就是我大学时候，老师们教的传统方式了。
学HTML的时候，会教到标签，有一个标签不同于别的花里胡哨的标签，这个标签很牛，叫做script脚本标签，用来嵌入或者引用可执行脚本，这里解释一下嵌入和引用。嵌入呢，就是把脚本写在标签里边儿，引用呢，就是把脚本写好，然后用标签引入这个脚本的路径
这是主流的写法也是主流的教法，嵌入的写法就是这样：
引用的写法是这样：
查看执行结果的话，点击IDE边上的浏览器图标或者右键run这个html页面，等浏览器弹出来，右键检查就能看到控制台输出的值了
3、直接运行js
实际上上面第二种方法已经很靠谱很普及了，可还是用起来不舒服，每回都要写一个HTML，有的甚至还要再写一个js，那能不能像运行html一样，直接右键运行js呢？
当然是可以的！用node！以下是我花了一个小时才整成的历程！
1、由于我是新的电脑，我装了个nodejs，安装包安装完后，链蠢直接命令行执行node命令，即可以直接运行js代码
这样方式还是很蠢，和浏览器没什么区别
2、我用IDE些好的js文件，然后用node单独执行
看上去是好一点了，可以单独执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径
3、插件(我这里用的IDEA)
用javascript制作网页
第一、把所激册有复选框的name改成一样的
第二明答宏、(全选、反选)script type="text/javascript"
//复选框全选
function checkAll(formvalue) {
var roomids = document.getElementsByName(formvalue);
for ( var j = 0; j roomids.length; j++) {
if (roomids.item(j).checked == false) {
roomids.item(j).checked = true;
}
}
}
//复选框全不选
function uncheckAll(formvalue) {
var roomids = document.getElementsByName(formvalue);
for ( var j = 0; j roomids.length; j++) {
if (roomids.item(j).checked == true) {
roomids.item(j).checked = false;
}
}
}
//复选框选择转换
function switchAll(formvalue) {
var roomids = document.getElementsByName(formvalue);
for ( var j = 0; j roomids.length; j++) {
roomids.item(j).checked = !roomids.item(j).checked;
}
}
/script
第三、弹出新页面：script window.open(页面名);script/举梁
怎样在网页中插入JavaScript代码
步骤
1、新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该隐或网页文件包括一个蓝色的字符串，灶纯伍一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”head"和“/head之间，然后查看网页文件的显示内容裤行。
网页制作javascript
分类: 电脑/网络 程序设计 其他编程语言
问题描述:
设置两个程序（下面的两个程序都不能执行，请兄弟们修改一下），分别用select对象和radio对象对网页背景颜色进行设置：
一：当选择列表中的一种颜色后，网页颜色自动变为所选定的颜色
head
script
function showbgcolor1(){
document.bgcolor=document.form2.radio1.value;}
/script
/head
body
form name=form1 method="post" action=""请在列表筐中选择你喜欢的背景颜色：br
select name=select1 onchange="document.bgcolor=this.options[this.selectedindex].value"
option value="green" selectedgreen
option value="blue"blue
option value="red"red
/select
/form
/body
/
二：当选择一个单选按钮后，网页的颜色变为所选择的颜姿蠢色
head
script
function showbgcolor1(){
document.bgcolor=document.form2.radio1.value;}
/script
/head
body
哗宽form name=form2请在单选按纽中选择你喜欢的背景颜色迹芦陪：br
input type=radio name=radio1 value="red" onclick="showbgcolor1()"red
input type=radio name=radio1 value="green" onclick="showbgcolor1()"green
input type=radio name=radio1 value="blue" onclick="showbgcolor1()"blue
/form
/body
/
解析:
1 )
body bgcolor=""
form name=form1 method="post" action=""请在列表筐中选择你喜欢的背景颜色：br
select name=select1 onchange="body.bgColor=this.options[this.selectedIndex].value"
option value="green" selectedgreen
option value="blue"blue
option value="red"red
/select
/form
/body
/
2 )
head
script
function showbgcolor1( color ){
document.body.bgColor= color;
}
/script
/head
body
form name=form2请在单选按纽中选择你喜欢的背景颜色：br
input type=radio name=radio1 value="red" onclick="showbgcolor1(this.value)"red
input type=radio name=radio1 value="green" onclick="showbgcolor1(this.value)"green
input type=radio name=radio1 value="blue" onclick="showbgcolor1(this.value)"blue
/form
/body
/
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
