DNN中的JavaScript

在使用DNN（我已经使用了两周）的同时，我一直在尝试向网站添加JavaScripts。我现在的版本是07.04.00（353）。我尝试将脚本粘贴到页面设置->高级设置中的标题中，以及模块设置->高级设置中的标题中，但似乎不起作用。我在下面发布了一个我想使用的脚本

var radiobtnType=“ensidig”；
var radiobtnOrient=“S”；
var radiobtnHeatCap=“100”；
//var tsvfilepath=data/ensidig_S_100.tsv
$（“.btnType”）。单击（函数（）{
radiobtnType=$（this）.data（'id'）；
更新_框（）；
//var idpaadenbuttonedblevtrykketpaa=$（this.text（）+$（this.data（'id'））
//警报（IDPAADENBUTTENDERBLEVTRYKKETPAA）；
});
$（“.btnOrientation”）。单击（函数（）{
radiobtnOrient=$（this）.data（'id'）；
更新_框（）；
});
$（“.btnHC”）。单击（函数（）{
radiobtnHeatCap=$（this）.data（'id'）；
更新_框（）；
});
函数更新_框（）{
document.getElementById（“foo2”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
document.getElementById（“pwd”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
}

编辑：

如果您使用DNN4.9.1或更高版本，则包括jquery（）。这意味着您只需要添加文档准备包装（或

$（function（）{/*code在这里*/}）；

如dnn链接中所建议的那样）

--

首先确保您的页面包含jQuery。如果没有，请将其包括在内，例如使用cdn：

其次，将代码包装在jQuery的ready（）函数中（请参阅）

$（文档）.ready（函数（）{
var radiobtnType=“ensidig”；
var radiobtnOrient=“S”；
var radiobtnHeatCap=“100”；
//var tsvfilepath=data/ensidig_S_100.tsv
$（“.btnType”）。单击（函数（）{
radiobtnType=$（this）.data（'id'）；
更新_框（）；
//var idpaadenbuttonedblevtrykketpaa=$（this.text（）+$（this.data（'id'））
//警报（IDPAADENBUTTENDERBLEVTRYKKETPAA）；
});
$（“.btnOrientation”）。单击（函数（）{
radiobtnOrient=$（this）.data（'id'）；
更新_框（）；
});
$（“.btnHC”）。单击（函数（）{
radiobtnHeatCap=$（this）.data（'id'）；
更新_框（）；
});
函数更新_框（）{
document.getElementById（“foo2”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
document.getElementById（“pwd”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
}
});

编辑：

如果您使用DNN4.9.1或更高版本，则包括jquery（）。这意味着您只需要添加文档准备包装（或

$（function（）{/*code在这里*/}）；

如dnn链接中所建议的那样）

--

首先确保您的页面包含jQuery。如果没有，请将其包括在内，例如使用cdn：

其次，将代码包装在jQuery的ready（）函数中（请参阅）

$（文档）.ready（函数（）{
var radiobtnType=“ensidig”；
var radiobtnOrient=“S”；
var radiobtnHeatCap=“100”；
//var tsvfilepath=data/ensidig_S_100.tsv
$（“.btnType”）。单击（函数（）{
radiobtnType=$（this）.data（'id'）；
更新_框（）；
//var idpaadenbuttonedblevtrykketpaa=$（this.text（）+$（this.data（'id'））
//警报（IDPAADENBUTTENDERBLEVTRYKKETPAA）；
});
$（“.btnOrientation”）。单击（函数（）{
radiobtnOrient=$（this）.data（'id'）；
更新_框（）；
});
$（“.btnHC”）。单击（函数（）{
radiobtnHeatCap=$（this）.data（'id'）；
更新_框（）；
});
函数更新_框（）{
document.getElementById（“foo2”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
document.getElementById（“pwd”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
}
});

DNN 07.04.xx版本默认包含JQuery，所以不用担心

没有JQuery，JQuery无法工作

$(document).ready(function() { 
     //JQ code here...
});

你也可以像下面这样使用

<script language="javascript" type="text/javascript">

var radiobtnType = "ensidig";
var radiobtnOrient = "S";
var radiobtnHeatCap = "100";
//var tsvfilepath = data/ensidig_S_100.tsv

$(document).ready(function() {
    $(".btnType").click(function () {
        radiobtnType = $(this).data('id');
        update_box();
        //var idPaaDenButtonDerBlevTrykketPaa = $(this).text() + $(this).data('id')
        //alert(idPaaDenButtonDerBlevTrykketPaa);
    });
    $(".btnOrientation").click(function () {
        radiobtnOrient = $(this).data('id');
        update_box();
    });
    $(".btnHC").click(function () {
        radiobtnHeatCap = $(this).data('id');
        update_box();
    });
});
function update_box() {
    document.getElementById("foo2").value = "data/" + radiobtnType + "_" + radiobtnOrient + "_" + radiobtnHeatCap + ".tsv";
    document.getElementById("pwd").value = "data/" + radiobtnType + "_" + radiobtnOrient + "_" + radiobtnHeatCap + ".tsv";
}
</script>

var radiobtnType=“ensidig”；
var radiobtnOrient=“S”；
var radiobtnHeatCap=“100”；
//var tsvfilepath=data/ensidig_S_100.tsv
$（文档）.ready（函数（）{
$（“.btnType”）。单击（函数（）{
radiobtnType=$（this）.data（'id'）；
更新_框（）；
//var idpaadenbuttonedblevtrykketpaa=$（this.text（）+$（this.data（'id'））
//警报（IDPAADENBUTTENDERBLEVTRYKKETPAA）；
});
$（“.btnOrientation”）。单击（函数（）{
radiobtnOrient=$（this）.data（'id'）；
更新_框（）；
});
$（“.btnHC”）。单击（函数（）{
radiobtnHeatCap=$（this）.data（'id'）；
更新_框（）；
});
});
函数更新_框（）{
document.getElementById（“foo2”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
document.getElementById（“pwd”）.value=“data/”+radiobtnType+“\u”+radiobtnOrient+“\u”+radiobtnHeatCap+”.tsv”；
}

DNN 07.04.xx版本默认包含JQuery，所以不用担心

没有JQuery，JQuery无法工作

$(document).ready(function() { 
     //JQ code here...
});

你也可以像下面这样使用

<script language="javascript" type="text/javascript">

var radiobtnType = "ensidig";
var radiobtnOrient = "S";
var radiobtnHeatCap = "100";
//var tsvfilepath = data/ensidig_S_100.tsv

$(document).ready(function() {
    $(".btnType").click(function () {
        radiobtnType = $(this).data('id');
        update_box();
        //var idPaaDenButtonDerBlevTrykketPaa = $(this).text() + $(this).data('id')
        //alert(idPaaDenButtonDerBlevTrykketPaa);
    });
    $(".btnOrientation").click(function () {
        radiobtnOrient = $(this).data('id');
        update_box();
    });
    $(".btnHC").click(function () {
        radiobtnHeatCap = $(this).data('id');
        update_box();
    });
});
function update_box() {
    document.getElementById("foo2").value = "data/" + radiobtnType + "_" + radiobtnOrient + "_" + radiobtnHeatCap + ".tsv";
    document.getElementById("pwd").value = "data/" + radiobtnType + "_" + radiobtnOrient + "_" + radiobtnHeatCap + ".tsv";
}
</script>

var radiobtnType=“ensidig”；
var radiobtnOrient=“S”；
var radiobtnHeatCap=“100”；
//var tsvfilepath=data/ensidig_S_100.tsv
$（文档）.ready（函数（）{
$（“.btnType”）。单击（函数（）{
radiobtnType=$（this）.data（'id'）；
更新_框（）；
//var idpaadenbuttonedblevtrykketpaa=$（this.text（）+$（this.data（'id'））
//警报（IDPAADENBUTTENDERBLEVTRYKKETPAA）；
});
$（“.btnOrientation”）。单击（函数（）{
radiobtnOrient=$（this）.data（'id'）；
更新_框（）；
});
$（“.btnHC”）。单击（函数（）{
radiobtnHeatCap=$（this）.data（'id'）；
更新_框（）；
});
});
函数更新_框（）{
document.getElementById（“foo2”）