javascript如何使用

Posted 2023-05-17

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。 参考技术A

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在html中的具体用法：

<html>
<head>
    <script type="type="text/javascript">
        //书写你的javascript代码
    <script>
</head>
</html>

参考技术B 如果浏览器中的JavaScript没有激活。
是因为浏览器可能不支持JavaScript或者出于安全原因把JavaScript关闭了。
要能够使用网页的javascript所有功能，需要激活。
激活步骤如下：
1、请您在“工具”菜单中选择“因特网选项”。
2、现在请您点击“安全”标签。
3、设置级别
4、在输入窗口中有一个选项“ActiveX控件 - Active Scripting”。
5、那里必须设置为“激活”。
6、用“OK”确认您的设置。

在Firefox中，可如下激活JavaScript：
1、在"工具"菜单中点击 "设置"。
2、在"内容"一项下激活"JavaScript"选项。
3、用"OK"确认后对话关闭。 参考技术C javascript目前是网页前端最强大的语言，可以用来制作页面特效，表单验证，ajax应用等.
使用的时候直接以文本方式嵌入html中就可以了
1、可以用script标签引入
<script type="text/javascript" src="js文件路径"></script>
2、可以用script标签嵌入
<script type="text/javascript" >
//js语句
</script>
3、可以在标签事件绑定
<div style="width:100px;height:100px;background:#ffaacc" onclick="alert('您点击了我')"></div>
4、可以在链接内执行
<a href="javascript:void(alert('我不走'))">点我</a>
5、可以在地址栏输入脚本运行
在地址栏输入
javascript:document.innerHTML=''
按回车后，网页就白了本回答被提问者采纳

如何使用本地存储使用javascript登录

【中文标题】如何使用本地存储使用javascript登录

【英文标题】：how to use localstorage for login using javascript

【发布时间】：2015-02-20 08:04:54

【问题描述】：

我已经编写了一个使用 javascript 登录的代码

function checkLogin()

    if(localStorage.login=="true")
    
        window.location.href = "index.html";
    
    else if(localStorage.login=="false")
    
        window.location.href = "login.html";
    

localStorage.login="true" & "false" 已从服务器动态分配

当我包含此代码时，页面会循环重定向！

给我解决方案：

执行后如何删除/销毁用户定义的函数？

或

如何在jquery中为ondeviceready执行一次用户定义的函数

【问题讨论】：

localStorage.login="true" & "false" 已从服务器动态分配。无法从服务器设置 localStorage。在此处需要有关如何设置此值的更多详细信息。

【参考方案1】：

我认为最好的解决方案是仅从您要重定向到登录的页面调用此函数，正如 Emad Melad 所说，在 login.html 页面之外调用此函数。

如果您希望再次访问 login.php 页面的人在他们登录后被重定向到 index.php，您可以尝试检测您所在的页面，并创建一个 IF 所以如果这是未执行的登录页面。应该是这样的：

function checkLogin()

    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1)

    if(localStorage.login=="true")
    
        window.location.href = "index.html";
    
    else if(localStorage.login=="false" && filename != 'login.html')
    
        window.location.href = "login.html";
    

* The snippet code to get the actual URL

但是，根据我在您的代码中读到的内容，您将从调用此函数的每个页面重定向到 index.html。

通常，我在我的应用程序中所做的只是检查它是否未登录，如果是这种情况，则重定向到login.html。我会做的，稍微修改你的功能，是：

    function checkLogin()
    
        var url = window.location.pathname;
        var filename = url.substring(url.lastIndexOf('/')+1)

        if(localStorage.login=="true" && filename == 'login.html')
        
            window.location.href = "index.html";
        
        else if(localStorage.login=="false" && filename != 'login.html')
        
            window.location.href = "login.html";
        
    

这样，如果您已登录并且您在 login.php 中，您只会被重定向到index.html，而另一种方式，如果您没有登录，您只会在任何地方被重定向到login.html，除了对于login.html。

希望对你有帮助！

【参考方案2】：

无法从服务器设置 LocalStorage。 LocalStorage 位于客户端浏览器中。 我猜您的代码正在循环，因为您在加载登录页面后调用了 checkLogin() 函数。并且因为 localStorage 是空的。 这行代码会执行

window.location.href = "login.html";

页面再次加载并再次检查localStorage，它是空的

解决这个问题。 你应该在登录页面之外调用你的函数。

【参考方案3】：

到设置 localStorage 对象：

localStorage.setItem('objName','objValue');

获取 localStorage 对象：

localStorage.getItem('objName');