js激活标签_怎样在js中生成多个一标签

『壹』如何用javascript判断a标签

如何用javascript判断a标签
<a href="javascript:void(0);" onclick="functionname()" >aaaa</a>
<a href="javascript:functionname('dd')" >ddddd</a>
<a href="javascript:;"onclick="functionname()" >ddddd</a>
<a href="#"onclick="functionname()" >ddddd</a>
通过上述几种方法均可调用javascript角本。
相关知识：
1、在通过上述几种方法调用js脚本的时候，可以在js的函数中对相关内容进行验证，例如验证失败，则返回false;即return flase;则不执行任何操用。
2、可以通过js实现种类繁多的效果。
3、onclick 事件说明：
onclick 事件会在对象被点击时发生，这个点击是指用户用鼠标在对象上按下鼠标，然后又抬起鼠标的情况下才会激活，只是按下不抬起鼠标不会激活。
即a标签被点击后执行引号中的js程序代码，这个代码基本上可以放在任何一个html对象之中执行，如<div><body><ul><li><a><p>等等。
4、如果在按下鼠标就激活，可以将以上的代码进行替换，将onclick替换为onmousedown
5、其它鼠标相关事件说明，可根据需要进行替换。
onDblClick 双击鼠标
onMouseUp 鼠标抬起
onMouseOver 鼠标移动到对象上方
onMouseMove 鼠标移动时执行
onMouseOut 鼠标移出对象

『贰』页面处于激活状态时调用Js方法

用js调用页面处于激活状态时用function函数轮燃调腊宏虚用，在调用的body后加上window.onload方法来实现刷新。
一、用JS方法
1.最简单的调用方式，直接写到html的body标签里面：

<body onload="myfunction()">

<html> <body onload="func1();func2();func3();"> </body> </html>

2.在JS语句调用：

<script type="text/javascript">

function myfun()

{ alert("this window.onload"绝枣); } //*用window.onload调用myfun()*//

window.onload = myfun;//不要括号

</script>

『叁』 javaScript 激活新打开的窗口

用js showDailog独占模式打开唤渣首
target起不到你想要和数的梁拍效果
-------------------
target只是你打开窗口的目标
不能显示到当前焦点状态下
所以还是考虑用独占模式吧

『肆』 javascript如何使用

1、字符串的创建
创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来，可以将其赋值给一个字符串变量。
var myStr = "Hello, String!";
我们在上面脚本创建了字符串，但本质上，它们并不是真正的字符串对象，准确地说，它们是字符串类型的值。要创建一个字符串对象，可使用如下语句：var strObj = new String("Hello, String!");
使用typeof运算符查看会发现，上面的myStr类型为string，而strObj类型为object。
如果想知道字符串的长度，使用其length属性：string.length。
得到字符串的指定位置的字符使用方法：string.charAt(index);
2、字符串的拼接
非常简单，就用一个"+"将两个字符串"相加"：
var longString = "One piece " + "plus one more piece.";
要将多个字符串累积为一个字符串，还可以使用"+="操作符：
var result = "";
result += "My name is Anders"
result += " and my age is 25";
要在字符串中添加换行符，需要使用转义字符"/n"：
var confirmString = "You did not enter a response to the last " +
"question./n/nSubmit form anyway?";
var confirmValue = confirm(confirmString);
但这种方法只能用在像警告、确认对话框之类的情况下，如果将这段文本作为HTML内容呈现，就无效了，此时用"<br>"代替它：
var htmlString = "First line of string.<br>Second line of string.";
document.write(htmlString);
String对象还提供了方法concat()，它完成与"+"相同的功能：
string.concat(value1, value2, ...)
不过concat()方法显然不如"+"来得直观简洁。
3、访问字符串的子串
使用substring()或slice()方法(NN4+, IE4+)，下面说明它们的具体用法。
substring()的原型为： string.substring(from, to)
第一个参数from指定了子字符串在原字符串中的起始位置(基于0的索引)；第二个参数to是可选的，它指定了子字符串在原字符串的结束位置(基于0的索引)，一般情况下，它应比from大，如果它被省略，那么子字符串将一直到原字符串的结尾处。
如果参数from不小心比参数to大了会怎样？JavaScript会自动调解子字符串的起止位置，也就是说，substring()总是从两个参数中较小的那个开始，到较大的那个结束。不过要注意，它包含起始位置的那个字符，但不包含结束位置的那个字符。
var fullString = "Every dog has his day.";
var section = fullString.substring(0, 4); // section is "Ever".
slice()的原型为： string.slice(start, end)
参数start表示子串的起始位置，如果为负数，那么可以理解为倒数第几个开始，例如-3表示从倒数第三个开始；参数end表示结束位置，与start一样，它也可以为负数，其含义也表示到倒数第几个结束。slice()的参数可以为负数，所以要比substring()更加灵活，但没那么宽容了，如果start比end要大，它将返回一个空字符串(示例略)。
还有一个方法是substr()，其原型为： string.substr(start, length)
从原型可以看出它的参数的含义，start表示起始位置，length则表示子字符串的长度。JavaScript标准不提倡使用该方法。
4、字符串的大小写转换
使用toLowerCase()和toUpperCase()方法：
var city = "ShanGHai";
city = city.toLowerCase(); // city is "shanghai" now.
5、判断两个字符串是否相等
先将用户的输入值全部转换为大写（或小写），然后再行比较：
var name = document.form1.txtUserName.value.toLowerCase();
if(name == "urname")
{
// statements go here.
}
JavaScript有两种相等运算符。一种是完全向后兼容的，标准的"=="，如果两个操作数类型不一致，它会在某些时候自动对操作数进行类型转换，考虑下面的赋值语句：
var strA = "i love you!";
var strB = new String("i love you!");
这两个变量含有相同的字符序列，但数据类型却不同，前者为string，后者为object，在使用"=="操作符时，JavaScript会尝试各种求值，以检测两者是否会在某种情况下相等。所以下面的表达式结果为true： strA == strB。
第二种操作符是"严格"的"==="，它在求值时不会这么宽容，不会进行类型转换。所以表达式strA === strB的值为false，虽然两个变量持有的值相同。
有时代码的逻辑要求你判断两个值是否不相等，这里也有两个选择："!="和严格的"!=="，它们的关系就类似于"=="和"==="。
讨论：
"=="和"!="在求值时会尽可能地寻找值的匹配性，但你可能还是想在比较前进行显式的类型转换，以"帮助"它们完成工作。比如，如果想判断一个用户的输入值（字符串）是否等于一个数字，你可以让"=="帮你完成类型转换：
if(document.form1.txtAge.value == someNumericVar) { ... }
也可以提前转换：
if(parseInt(document.form1.txtAge.value) == someNumericVar) { ... }
如果你比较习惯于强类型的编程语言(比如C#,Java等)，那么这里你可以延续你的习惯(类型转换)，这样也会增强程序的可读性。
有一种情况需要注意，就是计算机的区域设置。如果用"<"和">"来比较字符串，那么JavaScript把它们作为Unicode来比较，但显然，人们在浏览网页时不会把文本当作Unicode来阅读:) 比如在西班牙语中，按照传统的排序，"ch"将作为一个字符排在"c"和"d"之间。localeCompare()提供了一种方式，可以帮助你使用默认区域设置下的字符排序规则。
var strings; // 要排序的字符串数组，假设已经得到初始化
strings.sort(function(a,b) { return a.localeCompare(b) }); // 调用sort()方法进行排序
6、字符串的查找
使用string的indexOf()方法：
strObj.indexOf(subString[, startIndex])
strObj为要进行判断的字符串，subString为要在strObj查找的子字符串，startIndex是可选的，表示查找的开始位置(基于0的索引)，如果startIndex省略，则从strObj开始处查找，如果startIndex小于0，则从0开始，如果startIndex大于最大索引，则从最大索引处开始。
indexOf()返回strObj中subString的开始位置，如果没有找到，则返回-1。在脚本中，可以这么使用：
if(largeString.indexOf(shortString) != -1)
{
// 如果包含，进行相应处理；
}
也许一个字符串会包含另一字符串不止一次，这时第二个参数startIndex也许会派上用场，下面这个函数演示如何求得一个字符串包含另外一个字符串的次数：
function countInstances(mainStr, subStr)
{
var count = 0;
var offset = 0;
do
{
offset = mainStr.indexOf(subStr, offset);
if(offset != -1)
{
count++;
offset += subStr.length;
}
}while(offset != -1)
return count;
}
String对象有一个与indexOf()对应的方法，lastIndexOf()：
strObj.lastIndexOf(substring[, startindex])
strObj为要进行判断的字符串，subString为要在strObj查找的子字符串，startIndex是可选的，表示查找的开始位置(基于0的索引)，如果startIndex省略，则从strObj末尾处查找，如果startIndex小于0，则从0开始，如果startIndex大于最大索引，则从最大索引处开始。该方法自右向左查找，返回subString在strObj中最后出现的位置，如果没有找到，返回-1。

『伍』 js 获取 html标签

1、新建一个html文件，命名为test.html。

『陆』怎么通过JS添加A标签

需要准备的指握材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

『柒』怎样在js中生成多个一标签

用原生的js有两种方式
第一种：直接给父级内容中直接添加标签
<body>
<div id='div'></div>
</body>
<script type='text/javascript'>
var obj = document.getElementById('div');
obj.innerHTML = '<span>11112222</span>';
</sciprt>
第二种：用原生回js来创建单答个标签
<script type='text/javascript'>
var obj=document.getElementById('div');
var span=document.createElement('span');

『捌』 JS如何触发A标签

settimeout(函数,时间);

『玖』 bootstrap框架里边的scrollspy怎么使用

1.框架
1.1全局样式
使用HTML5的doctype，scaffolding.less中定义全局样式，从2开始使用normalize.css，并使用reset.less进行简化
1.2默认栅格系统
940px宽12列栅格，使用row与span[NUM]的class来控制，使用offset[NUM]来控制偏移，于non-fluid可以直接嵌套，提供了四种响应式方案
1.3流动栅格系统
基于百分比，将row改为row-fluid即可使用，内嵌注意宽度是按照父列的百分比进行计算的
1.4自定义栅格
于variables.css中改变变量，默认列12，宽60px，间隔20px，要保证响应性还得修改responsive.less中内容
1.5布局
container为940px居中，container-fluid则为流体布局
1.6 响应式设计
responsive.less中提供了一组media query：
智能手机《=480px；流式列，非固定宽度
垂直平板《=767px；流式列，非固定宽度
水平平板》=768px；42px 20px
默认》=980px； ? ? ?60px ?20px
大分辨率》=1200px；70px 30px
要求添加meta标签，<meta name=”viewport” content=”width=device-width, initail-scale=1.0″>
有诸如.visible-phone等支持类
2.基础CSS
2.1 排版
整个排版单位基于variables.less中@baseFontSize与@baseLineHeight两个变量；
强调：string加粗，em倾斜，abbr缩写【title属性存放显示信息，.initialism会减小缩略词字体】，address【使用br换行】
引用：blockquote【cite属性存放来源URL，.pull-left或right决定内容居左右】，small用于引言作者【会在内容前加入破折号】
列表：ul无序号有黑点，ul.unstyled无样式，ol有数字序号，dl描述，dl.dl-horizontal水平描述
2.2代码
code行级代码，pre块级【<>需要转义，.pre-scrollable可以设置350px最大高度】，应用.prettyprint和.linenums来美化代码【使用google prettify】
2.3表格
table thead【tr】 tbody【tr】tr【td或th】th【必须在thead之内】 caption；
.table行之间有水平线分割【2.0开始为默认】 .table-borderd 【边角为圆角】.table-striped 奇偶分开【使用:nth-child ie7-8不支持】 .table-condensed 紧凑竖直方向padding减半几个可以组合使用
2.4表单
四种表单：.form-vertical【2.0后默认，控件标签文字左对齐】.form-inline【左对齐，控件inline-block】 .form-search【文本框圆化】 .form-horizontal【左浮动，标签与控件居于同一行且文字右对齐】
支持控件：文本输入框，单选，复选，下拉，多选，上传，文本域
控件组：.control-group .control-label以及.controls【默认label应该与控件在同一行？】
设计了各种控件状态【如focus，disabled，去除webkit的outline】，包含.error .warning .success验证样式
扩张控件：.span*来指定输入框大小，使用.input-mini或small或medium或big来指定input和select控件大小，2.0开始对.checkbox或.radio应用.inline即可实现行级，用label.checkbox包含input[type=checkbox]即可罗列，前置或后置文本保证.add-on与input在同行, .help-inline与.help-block设置帮助文本
2.5 按钮
可以应用到a button及input标签上，.btn .btn-primary .btn-info等样式【ie9不兼容】，.btn-large small mini等尺寸，.disabled类或disabled属性可以禁用
2.6 图标
使用.icon-前缀设置，用<i>x显示图标，用.icon-white显示反白图标，图标定义在sprites.less中
3.组件
3.1按钮
3.1.1按钮组
建议一个组里只用一种元素<a>或<button>，使用.btn-group，组合.btn-toolbar包装.btn-group即可合成工具条组件
3.1.2按钮下拉菜单
下拉菜单也得嵌套在.btn-group中，使用dropdown-toggle与ul.dropdown-menu类，支持Bootstrap下拉插件，箭头使用.caret，.dropdown-menu最近父标签应用.dropup即可变为上弹菜单【会改变.caret箭头方向】
3.2导航
3.2.1默认项
基类.nav，对齐使用.pull-left或.pull-right【依赖float】，标签页ul.nav-tabs，胶囊链接ul.nav-pills
3.2.2叠放式导航
指竖直叠放ul.nav-stacked
3.2.3下拉项
综合使用下拉按钮【js下拉项插件】，参考3.1.2
3.2.4导航列表
<i>使用标签，.pider空表项显示为水平间隔，.active选中项，.nav-header列表头
3.2.5 标签页切换导航
用.tabbale的p嵌套.nav-tabs，存放容器为.tab-content，内容页使用.tab-pane，标签置底用.tabs-below，标签居左.tabs-left，居右.tabs-right
3.2.6 导航条
固定导航条div.navbar与.navbar-fixed-top【必须预留40px或更多padding】，导航项ul.nav，li.pider-vertical分隔条，项目名称a.brand，表单.navbar-form，对form.navbar-search中输入框使用.search-query得到搜索框，下拉菜单参考3.2.3，导航条文本使用<p>，响应式嵌套在.nav-collapse.collapse并对按钮都应有.btn-navbar【需要js切换插件】
3.2.7面包屑导航
ul.breadcrumb
3.2.8页码
div.pagination>ul，同样使用.active与.disabled，页码对齐使用.pagination-centered或.pagination-right，前后页ul.pager【居于左右端li.previous与li.next】
3.3行内标签
span.label默认样式，span.label.label-success成功等
3.4 标号
span.badge默认样式，span.badge.badge-success等
3.5 排版
主角单元div.hero-unit中嵌套，标题h1，可以嵌入small，
3.6 缩略项
ul.thumbnails>li.span*>a.thumbnail>img链接图像，div.thumbnail块状内容
3.7通知
基类div.alert【2.0开始替代.alert-message】，例子：div.alert>a.close+strong，加强.alert-block提供更大的padding而.alert-heading修饰标题，语义强化.alert-error或success或info
3.8进度条
基本div.progress>div.bar[style=”width:60%”]，条纹效果div.progress.progress-striped【动画效果加上.active，使用css3渐变动画，不支持ie】，语义加强.progress-info或success等
3.9杂项
消息墙div.well，关闭图标a.close
4 jQuery插件
4.1对话框【bootstrap-modal.js】
$().modal({backdrop:true背景,keyboard:true支持ESC,show:true初始化显示}) ，
触发设置data-toggle=”modal”然后data-target=”#foo”或href=“#foo”，
对话框设置div.modal#foo即可：div.modal-header>a.close[data-dismiss=”modal”]+div.modal-body+div.modal-footer【显示动画效果bootstrap-transition.js，对.modal应用.fade即可】，方法.modal(“toggle”)或.modal(“show”)或.modal(“hide”)，事件show,shown,hide,hidden
4.2 下拉项【bootstrap-dropdown.js】
样式应用导航栏与胶囊链接，方法$().dropdown()，设置data-toggle=”dropdown”【也可以使用data-target=”#foo”或href=“#foo”来关联下拉项与链接】
4.3 滚动侦测【bootstrap-scrollspy.js】
$(‘#navbar’).scrollspy()
标记添加data-spy=”scroll”【导航链接必须有href=”#id”且对应有dom#id】，选项offset【默认为10】
4.4 可切换的标签页【bootstrap-tab.js】
方法$(‘#myTab’).tab(‘show’) 标签页需要设置data-target=’#id’或href=’#id’
标记添加data-toggle=”tab”或data-toggle=”pill”，
事件show与shown 【event.target指向激活标签，event.relatedTarget指向之前激活的标签】
4.5 工具提示【bootstrap-tooltips.js】
$(‘#example’).tooltip(options) 中选项animation:true，placement:’top’，selector，title，trigger:’hover’，delay:{show:num, hide:100}
工具提示可以单独设置data-属性实现与js调用同样的功能，指定一个selector即可【设置rel=”tooltip”】
方法：.tooltip(‘show’)?.tooltip(‘hide’)?.tooltip(‘toggle’)
4.6 弹出提示【bootstrap-popover.js】
$(‘#example’).popover(options)中选项animation:true，placement:’top’，selector，trigger:’hover’，title，content，delay
同样可以单独设置data-属性，方法也相同
4.7 通知消息【bootstrap-alert.js】
$(“.alert”).alert()
用在通知，对关闭按钮设置data-dismiss=”alert”即可定时关闭
方法$(“.alert”).alert(‘close’)，事件close closed
4.8 按钮【bootstrap-button.js】
应用在btn与btn-group，设置data-toggle=”button”与data-toggle=”button-checkbox”与data-toggle=”button-radio”样式
方法$().button(‘toggle’) 按下
$().button(‘loading’) 载入文本data-loading-text属性中
$().button(‘reset’)重置按钮状态
4.9 折叠手风琴【bootstrap-collapse.js】
$().collapse({toggle:false})，事件show，shown，hide，hidden
设置data-toggle=“collapse”和data-target即可变为折叠式，data-target接收一个css选择器以选取元素添加，元素上需要添加.collapse，默认打开用.in
4.10 轮播【bootstrap-carousel.js】
$().carousel({interval:5000, pause:’hover’})
标记用data-属性提供前后翻页，data-slide=”prev或next” 方法.carousel(‘cycle或pause或number或prev或next’) 事件slide，slid
4.11 输入提醒【bootstrap-typeahead.js】
$().typeahead({source:[]数据源, items:8列表显示个数, matcher:fn, sorter:fn, highlighter:fn})，
设置data-provide=”typeahead”
5. LESS
mixins.less中保存所有混合，编译安装npm intall -g less uglify-js lessc ./lib/bootstrap.less > bootstrap.css压缩使用–compress，引用less.js 也可以重新编译.less文件并进行本地存储

导航:首页 > 编程语言 > js激活标签

js激活标签

与js激活标签相关的资料

友情链接