JavaScript简单程序设计.docx

JavaScript简单程序设计.docx

《JavaScript简单程序设计.docx》由会员分享，可在线阅读，更多相关《JavaScript简单程序设计.docx（22页珍藏版）》请在冰豆网上搜索。

JavaScript简单程序设计

JavaScript简单程序设计

BySufer

目录

一、JavaScript变量、表达式和运算符1

1.显示年龄1

2.税额计算1

3.思考题2

二、JavaScript对话框3

1.警示对话框程序案例3

2.确认对话框程序案例3

3.提示对话框程序案例4

4.思考题5

三、JavaScript函数的定义及调用6

1.素数判断6

2.局部变量和全局变量7

3.思考题：

设计检测手机号码的程序9

四、JavaScript分支结构程序设计11

1.两个数排序11

2.常识问答12

3.思考题13

五、JavaScript循环结构程序设计14

1.求1+2+3+…+100的累计和14

2.二位整数相加的测试程序15

3.累加用户输入的整数16

4.思考题17

六、制作一个网页：

计算两点间距离18

1.代码18

2.实现效果19

一、JavaScript变量、表达式和运算符

1.显示年龄

varname;

varage;

name="张三";

age=20;

document.write（name）;

document.write（"的年龄是：

"）;

document.write（age）;

在网页中显示"张三的年龄是：

20"。

2.税额计算

varlist,rate=0.05,paid=105,tax;

list=paid/（1+rate）;

tax=paid-list;

document.writeln（"标价="+list）;

document.writeln（"税额="+tax）;

付款105，税率0.05，在网页中显示标价和税额的计算结果。

3.思考题

设计JavaScript程序，在网页上输出半径为3的圆的面积和周长。

varr=3;

varpi=3.1415;

document.writeln（"圆的半径为：

"+r）;

document.writeln（"圆的面积为：

"+pi*r*r）;

document.writeln（"圆的周长为：

"+2*pi*r）;

半径为3，在网页中显示圆的半径，面积和周长。

二、JavaScript对话框

1.警示对话框程序案例

alert（"欢迎浏览本页面！

"）;

打开网页，弹出“欢迎浏览本页面”的警示对话框。

2.确认对话框程序案例

varvisited,show_text;

visited=confirm（"您来过湖北职院吗？

"）;

show_text=visited?

"您也认为湖北职院很美吧！

":

"欢迎您有机会来湖北职院参观！

";

document.write（show_text）;

打开网页，弹出"您来过湖北职院吗？

"的确认对话框，点击确定，在网页中显示"您也认为湖北职院很美吧！

"，点击取消，在网页中显示"欢迎您有机会来湖北职院参观！

"。

3.提示对话框程序案例

varname;

name=prompt（"请输入您的姓名：

",""）;

document.write（"尊敬的"+name+"：

欢迎您进入我的主页！

"）;

打开网页，弹出"请输入您的姓名：

"的提示对话框，输入“yhf”，点击确定，在网页中显示"尊敬的yhf：

欢迎您进入我的主页！

"。

4.思考题

设计密码检测程序，密码输入正确，显示“欢迎访问”，不正确显示“密码不正

确，好好想哦”。

打开网页，弹出"请输入您的密码"的提示对话框。

在警示对话框中有一个判断，输入“123456”，点击确定，弹出警示对话框"欢迎访问"。

输入其他的密码，点击确定，弹出警示对话框"密码不正确，好好想想哦！

"。

三、JavaScript函数的定义及调用

1.素数判断

functionIsPrime（p）

{

if（p<1）returnfalse;

vari;

for（i=2;i

returntrue;

}

varx;

x=parseInt（prompt（"请输入1-100之间的数字","1"））;

alert（"该数是否为素数：

"+IsPrime（x））;

打开网页，弹出"请输入1-100之间的数字"的提示对话框，默认数字是“1”。

在警示对话框中有一个素数判断函数，输入一个非素数，如“6”，点击确定，弹出警示对话框"该数是否为素数：

false"。

输入一个素数，如“11”，点击确定，弹出警示对话框"该数是否为素数：

true"。

2.局部变量和全局变量

functionfirst（p,q）{

p=p*2;

b=b+1;

varc=100;

document.writeln（"P的值为：

",p,"
"）;

document.writeln（"a的值为：

",a,"
"）;

document.writeln（"b的值为：

",b,"
"）;

document.writeln（"c的值为：

",c,"
"）;

}

vara=1,b=2,c=3;

first（a,b）;

document.writeln（"a的值为：

",a,"
"）;

document.writeln（"b的值为：

",b,"
"）;

document.writeln（"c的值为：

",c,"
"）;

打开网页，定义变量a=1,b=2,c=3，执行函数first，a和b的值传递给p和q，p=p*2=2（p是局部变量），b=b+1=3（这里的b是全局变量里的b），c=100（这里的c是函数内的局部变量），

在网页中显示

P的值为：

2

a的值为：

1

b的值为：

3

c的值为：

100

a的值为：

1

b的值为：

3

c的值为：

3

3.思考题：

设计检测手机号码的程序

functiontest（obj）{

if（obj.length!

=11）alert（"手机号码应该是11位数字"）;

elseif（obj.substring（0,2）!

="13"）alert（"手机号码应该以13开头"）;

elseif（isNaN（obj））alert（"手机号码应该是11位数字"）;

elsealert（"你填的是正确的手机号码"）;

}

检查手机号码：

示例：

在网页中显示“检查手机号码：

”+回车。

显示表单，表单中有“示例：

”，输入文本框，“提交”按钮。

再输入文本框里输入手机号，点击提交按钮，执行test函数，将输入文本框的值作为函数的参数，进行判断输入的手机号码的长度，前两位数字是“13”，是否是非法数字等。

显示相应的警示对话框。

四、JavaScript分支结构程序设计

1.两个数排序

varx,y,temp;

x=parseFloat（prompt（"请输入x的值：

","0"））;

y=parseFloat（prompt（"请输入y的值：

","0"））;

if（x>y）

{

temp=x;

x=y;

y=temp;

}

document.writeln（"排序后，x="+x+";y="+y）;

打开网页，弹出提示对话框，输入x，y的值，默认是“0”，点击确定后（parseFloat函数将字符串参数解析成浮点数并返回），判断x>y，如果是，交换x和y。

在网页中显示排序后的结果。

2.常识问答

varanswer;

answer=prompt（"中国的首都在哪个城市？

\nA.香港\tB.广州\tC.北京\tD.上海","E"）;

switch（answer）

{

case"a":

case"A":

alert（"错！

香港是中国的特别行政区"）;

break;

case"b":

case"B":

alert（"错！

广州是中国南部的大城市"）;

break;

case"c":

case"C":

alert（"对！

北京是中国的首都，在中国北方"）;

break;

case"d":

case"D":

alert（"错！

上海是中国东部的大都市"）;

break;

default:

alert（"选择错误！

只能选填字母A、B、C或D"）;

break;

}

打开网页，弹出提示对话框，

“中国的首都在哪个城市？

A.香港B.广州C.北京D.上海”

默认“E”。

填写答案（大小写均可），单击确定后。

执行switch函数，弹出相应警示对话框。

3.思考题

根据成绩给出学生的考评：

如果成绩>=85,考评“优”，否则如果成绩>=60，

考评“及格”,否则考评为“不及格”。

varscore,grade;

score=parseFloat（prompt（"请输入学生的成绩：

",""））;

if（score>=85）

grade="优";

elseif（score>=75）

grade="中";

elseif（score>=60）

grade="及格";

else

grade="不及格";

alert（"根据学生成绩：

"+score+"，评定为：

"+grade）;

打开网页，弹出提示对话框"请输入学生的成绩：

"，执行多个if和elseif函数，判断分数区间，显示相应的成绩考评。

五、JavaScript循环结构程序设计

1.求1+2+3+…+100的累计和

vari,sum=0;

for（i=1;i<=100;i++）

{

sum+=i;

}

document.write（"1+2+3+……+100="+sum）;

打开网页，显示"1+2+3+……+100=5050"。

2.二位整数相加的测试程序

vargo_on,x,y,result,answer

do{

x=Math.floor（Math.random（）*90）+10;

y=Math.floor（Math.random（）*90）+10;

result=x+y;

answer=parseFloat（prompt（x+"+"+y+"=","0"））;

go_on=confirm（（answer==result）?

"答对":

"答错"+"!

\t继续测试吗？

"）

}while（go_on）

打开网页，弹出提示对话框，显示两个随机数相加，要求填入正确答案，默认“0”。

点击确定，弹出确认对话框，显示“答对”和"答错!

继续测试吗？

"，点击确定，继续答题，点击取消，退出答题。

3.累加用户输入的整数

varinput,input_number,sum;

for（sum=0;;）{

input=prompt（"sum="+sum+"\n请输入新的累加数（输入Q结束）：

","0"）;

if（input==null||input=="Q"||input=="q"）break;

if（isNaN（input））continue;

input_number=parseFloat（input）;

if（input_number<=0）continue;

sum+=input_number;

}

alert（"sum="+sum）;

打开网页，弹出提示对话框，显示"sum=0请输入新的累加数（输入Q结束）：

"默认“0”。

一开始sum=0，之后显示计算结果。

输入Q（大小写均可）或者不输入值则退出，输入非法值或数字则继续。

退出后显示提示对话框"sum="。

4.思考题

在页面上显示一个“9×9乘法表”。

vari,j;

document.write（"

"）;
for（i=1;i<=9;i++）
{
for（j=1;j<=i;j++）
{
if（j>1）document.write（"\t"）;
document.write（j+"*"+i+"="+j*i）;
}
document.writeln（）;
}
document.write（"

文件按照原始的排列方式显示，允许保留原始码中输入的空白及回车换行。
writeln将在所提供的任何字符串后添加一个换行符，在HTML中，这通常只会在后面产生一个空格；不过如果使用了
和标识，这个换行符会被解释，且在浏览器中显示。</p><p>因此会形成乘法表的显示效果。</p><p>六、制作一个网页：</p><p>计算两点间距离</p><p>1.代码</p><p><scriptlanguage="javascript"></p><p>functiontest（x1,y1,x2,y2）{</p><p>d1=x1-x2;</p><p>d2=y1-y2;</p><p>d=Math.sqrt（d1*d1+d2*d2）;</p><p>document.form1.dis.value=d;</p><p>}</p><p></script></p><p>输入两个点的坐标</br></p><p><formname="form1"></p><p>点1：</p><p>X坐标=<inputtype=textname=x1></p><p>Y坐标=<inputtype=textname=y1></br></p><p>点2：</p><p>X坐标=<inputtype=textname=x2></p><p>Y坐标=<inputtype=textname=y2></br></p><p>两点间的距离：</p><p><inputtype=textname=dis></p><p><inputtype=buttonvalue='提交'</p><p>onclick=test（document.form1.x1.value,document.form1.y1.value,document.form1.x2.value,document.form1.y2.value）></br></p><p></form></p><p>2.实现效果</p><p>输入点1和点2的X、Y坐标，点击计算，生成两点间的距离。</p><p></p>
		</div>
           <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div>
        
            <script> 
                function showmore() 
                {
                    $(".readmore").hide();
                    $(".detail-article").css({ 
                        "height":"auto",
                        "overflow": "hidden"
                    });
                }
                $(document).ready(function() {
                    var dh = $(".detail-article").height();
                    if(dh >100)
                    {  
                        $(".detail-article").css({ 
                            "height":"100px",
                            "overflow": "hidden"
                        });
                    }
                    else
                    {
                        $(".readmore").hide(); 
                    } 
                    
            }); 
        </script>  
    </div>  
    <script>
        var defaultShowPage = parseInt("5"); 
        var id = "8896086";
        var total_page = "22";
        var mfull = false;
        var mshow = false;
        function DownLoad() {
            window.location.href='https://m.bdocx.com/down/8896086.html';
        } 
        
        function relate() {
            var reltop = $('#relate').offset().top-50; 
            $("html,body").animate({ scrollTop: reltop }, 500); 
        }
    </script> 
    
        <script> var pre = "https://file1.bdocx.com/fileroot1/2023-2/1/a6fb81ee-8616-477c-b545-e55df17e8373/a6fb81ee-8616-477c-b545-e55df17e8373";  
            var freepage = parseInt('20'); 
            var total_c = parseInt('22');
            var start = defaultShowPage;
            var adcount = 0; 
            var adindex = 0;
            var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;19;";
            var end = start;
            function ShowSvg() {
                end = start + defaultShowPage;
                if (end > freepage) end = freepage;  
                for (var i = start; i < end; i++) {
                    var imgurl = pre + (i + 1) + '.gif';
                
                    var html = "<img  src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\"  alt=\"JavaScript简单程序设计.docx_第" + (i + 1) + "页\"   width='100%'/>";
                
                 
                $("#page").append("<div class='page'>" + html + "</div>"); 
                $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); 
                if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1)
                {
                    if(adindex > (adcount-1)) adindex = 0; 
                    $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>");  
                    document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML;
                    adindex += 1;
                }  
            } 
            start = end; 
            if (start > (freepage - 1)) {
                if (start < total_c)
                {
                    $("#pageMore").removeClass("btnmore");
                    $("#pageMore").html("亲，该文档总共" + total_c + "页，到这儿已超出免费预览范围，如果喜欢就下载吧！");
                }
                else
                {
                    $("#pageMore").removeClass("btnmore");
                    $("#pageMore").html("亲，该文档总共" + total_c + "页全部预览完了，如果喜欢就下载吧！");
                }
            } 
        } 
        //$(document).ready(function () {
        //     ShowSvg(); 
        //}); 
    </script>   
    <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
        <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div>
        <div id="relatelist" style="padding-left:5px;">
        <ul>
    
    
            <li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/28506126.html" title="6004+《JavaScript程序设计》期末复习指导最新答案.docx">6004+《JavaScript程序设计》期末复习指导最新答案.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/8962620.html" title="javascript程序设计实验.docx">javascript程序设计实验.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/5824617.html" title="实验javascript程序设计.docx">实验javascript程序设计.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/12760603.html" title="JavaScript程序设计习题.docx">JavaScript程序设计习题.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/11663284.html" title="javascript高级程序设计.docx">javascript高级程序设计.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/6058759.html" title="JavaScript程序设计习题.docx">JavaScript程序设计习题.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/23128592.html" title="javascript程序设计实验.docx">javascript程序设计实验.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20966745.html" title="JavaScript程序设计习题.docx">JavaScript程序设计习题.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/11755605.html" title="《JavaScript程序设计》电子教案.docx">《JavaScript程序设计》电子教案.docx</a> 
                    </li>
        </ul>
		</div>
    </div>
        
    <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
        <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div>
        <div  id="relatelist" style="padding-left:5px;">
		<ul>
    
    
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964021.html" target="_parent" title="精品范文国旗下的演讲稿.docx">精品范文国旗下的演讲稿.docx</a></li>
        
            <li><em class="doc"></em>
                <a href="https://m.bdocx.com/doc/964022.html" target="_parent" title="新员工培训管理制度.doc">新员工培训管理制度.doc</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964023.html" target="_parent" title="师德师风工作总结五篇.docx">师德师风工作总结五篇.docx</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964024.html" target="_parent" title="小学一年级数学苏教版下册全册教案.docx">小学一年级数学苏教版下册全册教案.docx</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964025.html" target="_parent" title="煤矿停产整顿方案.docx">煤矿停产整顿方案.docx</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964026.html" target="_parent" title="最新幼儿园安全管理制度安全细则资料.docx">最新幼儿园安全管理制度安全细则资料.docx</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964027.html" target="_parent" title="最新预应力混凝土简支T梁桥设计.docx">最新预应力混凝土简支T梁桥设计.docx</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964028.html" target="_parent" title="医院中层干部选拔任用办法.docx">医院中层干部选拔任用办法.docx</a></li>
        
            <li><em class="docx"></em>
                <a href="https://m.bdocx.com/doc/964029.html" target="_parent" title="全国中学生奥林匹克物理竞赛河南省预赛 扫描版含答案.docx">全国中学生奥林匹克物理竞赛河南省预赛 扫描版含答案.docx</a></li>
         
        </ul>
		</div>
    </div>
      
         <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px;  font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;">
             相关搜索</div> 
    <div class="widget-box pt0" style="border: none; padding:0px 5px;">   
        <ul class="taglist--inline multi">
         <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=JavaScript">JavaScript</a></li>      <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ae%80%e5%8d%95">简单</a></li>      <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%a8%8b%e5%ba%8f%e8%ae%be%e8%ae%a1">程序设计</a></li>      </ul>
    </div>  
         <div style=" font-size: 16px; background-color:#e5f0f7; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;">
             资源标签</div> 
    <div class="widget-box pt0" style="border: none; padding:0px 5px;">  
        <ul class="taglist--inline multi">
          
                            <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bdocx.com/mark/javascriptchengxusheji6004javascriptchengxusheji.html">JavaScript程序设计6004JavaScript程序设计</a></li>
                        
        </ul>
    </div>
        <br />  
        <div >
            当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a>  &gt; 
            <a href="https://m.bdocx.com/booklist-00007.html">工程科技</a><span> &gt; </span><a href="https://m.bdocx.com/booklist-0000700012.html">兵器核科学</a>
        </div>
        
     
        <br />  
    
    
    <div class="cssnone">
        <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=FbKQKT1oo8Y%3d&parto=3hU4VYTl6ZlZ9lEmuzq4msI%2fpCXKxykIgoyEtXCp88Pg8fu3ETjY0Ow70h35C30OxjGB9kPm7fa4rHXlBFMHuvh4qy2dmvsxqYnmkdLUvrAm4ZWxmAcqedJe2XXLvuIv0rh0qFClMPF9zYnTthsa%2bagYJ5W8Ng8gPzcK4au%2bd1%2bgcgC7lzqUQ7zeXZhCYOdVkzZkMkoiCOqi%2fZAZSmzlxyecVYQRcC5k" frameborder="0" style="width: 0px; height: 0px">
        </iframe>
    </div> 
    
        <span id="LabelScript"></span>
        <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script>
    </form>
    
    <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
           
        <div class="siteInner"> 
          <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script><script>(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)</script>
           
        </div>
    </div> 
    <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
        <div class="trlogoside" id="navlogo" style="display: none;">
            <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a>
            <div class="trnavclose" id="navclose">
                <span></span>
            </div>
        </div>
        <div class="navcontainer">
            <div class="row">
                <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> 
                     
<li><a  target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/">首页 </a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new"  class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new"  class="hottip"></a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li>  

                </ul>
            </div>
        </div>
    </div>   
    <script type="text/javascript">
        function stopPropagation(e) {
            var ev = e || window.event;
            if (ev.stopPropagation) {
                ev.stopPropagation();
            }
            else if (window.event) {
                window.event.cancelBubble = true;//兼容IE
            }
        }
        $("#navmore").click(function (e) {
            $("#navcontent").show();
            $("#navlogo").show();
            stopPropagation(e);
            var navcontentwidth = $("#navcontent").width();
            $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
            $("#navcontent").show().animate({ "right": 0 }, 300);
        });
        $(document).bind('click', function () {
            var navcontentwidth = $("#navcontent").width();
            $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
            $("#navlogo").fadeOut(300);
        });
        $("#navcontent").click(function (e) {
            stopPropagation(e);
        });
        $("#navclose").click(function (e) {
            var navcontentwidth = $("#navcontent").width();
            $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
            $("#navlogo").fadeOut(300);
        });
    </script>


<script> 
    function BaseShare(title, desc, imgUrl) {
        var link = "https://m.bdocx.com/doc/8896086.html";
        if (wx) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
                timestamp: '1725875563', // 必填，生成签名的时间戳
                nonceStr: '05F971B5EC196B8C65B75D2EF8267331', // 必填，生成签名的随机串
                signature: 'cf3c637e8a7ee1be3943f9905200b4a75b175cea',// 必填，签名，见附录1
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems']  // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                //openTagList: ["wx-open-launch-weapp"]//H5打开小程序
            });
            wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
                wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
                    menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
                });
                var shareData = {
                    title: title, // 分享标题
                    desc: desc,//这里请特别注意是要去除html
                    link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: imgUrl, // 分享图标
                };
                wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
                wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
            });
        }
    }
    function BaseShare(title, desc, imgUrl, link) {
        if (link=="")
            link = "https://m.bdocx.com/doc/8896086.html";
        if (wx) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
                timestamp: '1725875563', // 必填，生成签名的时间戳
                nonceStr: '05F971B5EC196B8C65B75D2EF8267331', // 必填，生成签名的随机串
                signature: 'cf3c637e8a7ee1be3943f9905200b4a75b175cea',// 必填，签名，见附录1
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems']  // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                //openTagList: ["wx-open-launch-weapp"]//H5打开小程序
            });
            wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
                wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
                    menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
                });
                var shareData = {
                    title: title, // 分享标题
                    desc: desc,//这里请特别注意是要去除html
                    link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: imgUrl, // 分享图标
                };
                wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
                wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
            });
        }
    }
</script>

<script>
    $(document).ready(function () {
        var arr = $(".headercontent");
        for (var i = 0; i < arr.length; i++) {
            (function (index) {
                var url = "https://m.bdocx.com/header.aspx";
                $.get(url + "?t=" + (new Date()).valueOf(), function (d) {
                    try {
                        arr.eq(index).empty().html(d);
                    } catch (e) { }
                    try {
                        arr.html(d);
                    } catch (e) { }
                });
            })(i);
        }
    });
</script>


<script  src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script>
<script charset="utf-8">
    $("img.lazys").lazyload({
        threshold: 200,
        effect: "fadeIn"
    });
</script>
</body>
</html>